/* config variables */
/* roboto font */
/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic,700,700italic,900,900italic);*/
/* source sans pro */
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
/* lato */
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
/* merriweather */
/*@import url(http://fonts.googleapis.com/css?family=Merriweather:400,300italic,300,400italic,700,700italic);*/
/*$sidebarBg: #35485e;*/
/* modules */
/* this mixin makes possible to add transition to a specific vendor, example: */
/* -webkit-transition: -webkit-transform 0.5s linear; */
@import url(../bootstrap/bootstrap.min.css);
*:focus {
  outline: none; }

a:focus,
button:focus,
input[type="submit"]:focus {
  outline: none !important; }

.button {
  -webkit-font-smoothing: antialiased;
  border: 0;
  outline: none;
  padding: 1px;
  display: inline-block;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075);
  -ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075);
  -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075);
  height: 33px;
  background: #adb2bb;
  background: -webkit-linear-gradient(#ccd0d6, #adb2bb);
  background: -moz-linear-gradient(#ccd0d6, #adb2bb);
  background: -ms-linear-gradient(#ccd0d6, #adb2bb);
  background: -o-linear-gradient(#ccd0d6, #adb2bb);
  background: linear-gradient(#ccd0d6, #adb2bb);
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }
  .button[disabled], .button.disabled {
    pointer-events: none;
    cursor: not-allowed;
    box-shadow: none; }
    .button[disabled] span, .button.disabled span {
      box-shadow: none;
      background: #E7EBF0;
      background: #E7EBF0;
      background: -webkit-linear-gradient(#e7ebf0, #e7ebf0);
      background: -moz-linear-gradient(#e7ebf0, #e7ebf0);
      background: -ms-linear-gradient(#e7ebf0, #e7ebf0);
      background: -o-linear-gradient(#e7ebf0, #e7ebf0);
      background: linear-gradient(#e7ebf0, #e7ebf0); }
  .button:hover {
    text-decoration: none; }
  .button:active, .button.active {
    background: #b5bac2;
    background: -webkit-linear-gradient(#b5bac2, #b5bac2);
    background: -moz-linear-gradient(#b5bac2, #b5bac2);
    background: -ms-linear-gradient(#b5bac2, #b5bac2);
    background: -o-linear-gradient(#b5bac2, #b5bac2);
    background: linear-gradient(#b5bac2, #b5bac2);
    -moz-transform: scale3d(0.95, 0.95, 0.95);
    -o-transform: scale3d(0.95, 0.95, 0.95);
    -ms-transform: scale3d(0.95, 0.95, 0.95);
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95); }
    .button:active span,
    .button:active span, .button.active span,
    .button.active span {
      color: #444;
      background: #eff1f4;
      background: -webkit-linear-gradient(#e6e8eb, #eff1f4);
      background: -moz-linear-gradient(#e6e8eb, #eff1f4);
      background: -ms-linear-gradient(#e6e8eb, #eff1f4);
      background: -o-linear-gradient(#e6e8eb, #eff1f4);
      background: linear-gradient(#e6e8eb, #eff1f4);
      -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
      -ms-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
      -o-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
      box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); }
  .button span {
    display: block;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    height: 31px;
    line-height: 31px;
    border-radius: 4px;
    font-weight: bold;
    font-family: "Helvetica Neue", Arial;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    background: #f6f9fc;
    background: #eff1f4;
    background: -webkit-linear-gradient(#f7f8fa, #eff1f4);
    background: -moz-linear-gradient(#f7f8fa, #eff1f4);
    background: -ms-linear-gradient(#f7f8fa, #eff1f4);
    background: -o-linear-gradient(#f7f8fa, #eff1f4);
    background: linear-gradient(#f7f8fa, #eff1f4);
    -webkit-box-shadow: inset 0 1px 0 white;
    -moz-box-shadow: inset 0 1px 0 white;
    -ms-box-shadow: inset 0 1px 0 white;
    -o-box-shadow: inset 0 1px 0 white;
    box-shadow: inset 0 1px 0 white;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear; }

.paging a {
  position: relative;
  font-size: 11px;
  display: inline-block;
  width: 28px;
  height: 27px;
  border: 1px solid #D7DADD;
  text-align: center;
  line-height: 26px;
  border-radius: 5px;
  color: #60A3D8; }
  .paging a:active {
    background: #fafafa;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); }
  .paging a.disabled {
    color: #B9B9B9;
    cursor: default; }
  .paging a i.fa-chevron-left {
    position: relative;
    left: -1px; }
  .paging a i.fa-trash-o {
    font-size: 14px; }

#welcome-modal .modal-dialog {
  margin-top: 65px; }
#welcome-modal .modal-content {
  background: #f5f8fc;
  background: -webkit-linear-gradient(white, #f5f8fc);
  background: -moz-linear-gradient(white, #f5f8fc);
  background: -ms-linear-gradient(white, #f5f8fc);
  background: -o-linear-gradient(white, #f5f8fc);
  background: linear-gradient(white, #f5f8fc);
  font-family: "Helvetica Neue", Arial; }
  #welcome-modal .modal-content .modal-header {
    border-bottom: 0; }
  #welcome-modal .modal-content .modal-body {
    padding-bottom: 50px; }
    #welcome-modal .modal-content .modal-body header {
      text-align: center;
      font-weight: 600;
      font-size: 22px;
      color: #444;
      margin-bottom: 23px; }
    #welcome-modal .modal-content .modal-body p {
      font-size: 13px;
      color: #555;
      margin: 0 auto;
      width: 80%;
      text-align: center;
      line-height: 20px; }
    #welcome-modal .modal-content .modal-body .get-started {
      margin-top: 40px; }
      #welcome-modal .modal-content .modal-body .get-started .col-md-4 {
        text-align: center;
        padding-bottom: 50px; }
        #welcome-modal .modal-content .modal-body .get-started .col-md-4 i {
          font-size: 38px;
          color: #7FA5BE; }
        #welcome-modal .modal-content .modal-body .get-started .col-md-4 a {
          color: #576C91;
          display: block;
          margin-top: 12px;
          font-size: 13px; }
    #welcome-modal .modal-content .modal-body .go-dashboard {
      color: #008cdd;
      text-align: center;
      display: block;
      margin-top: 10px; }

input[type="text"].form-control,
input[type="email"].form-control,
input[type="password"].form-control {
  /*box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);*/
  /*height: 39px;*/
  box-shadow: none; }
  input[type="text"].form-control::-webkit-input-placeholder,
  input[type="email"].form-control::-webkit-input-placeholder,
  input[type="password"].form-control::-webkit-input-placeholder {
    color: #B1B1B1;
    font-weight: 400;
    font-size: 14px; }
  input[type="text"].form-control:-moz-placeholder,
  input[type="email"].form-control:-moz-placeholder,
  input[type="password"].form-control:-moz-placeholder {
    color: #B1B1B1;
    font-weight: 400;
    font-size: 14px; }
  input[type="text"].form-control::-moz-placeholder,
  input[type="email"].form-control::-moz-placeholder,
  input[type="password"].form-control::-moz-placeholder {
    color: #B1B1B1;
    font-weight: 400;
    font-size: 14px; }
  input[type="text"].form-control:-ms-input-placeholder,
  input[type="email"].form-control:-ms-input-placeholder,
  input[type="password"].form-control:-ms-input-placeholder {
    color: #B1B1B1;
    font-weight: 400;
    font-size: 14px; }
  input[type="text"].form-control:focus,
  input[type="email"].form-control:focus,
  input[type="password"].form-control:focus {
    /*border-color: #98D2FF;*/
    outline: none;
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(166, 205, 236, 0.6);*/
    box-shadow: none; }

textarea.form-control {
  /*box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);*/
  box-shadow: none; }
  textarea.form-control::-webkit-input-placeholder {
    color: #B1B1B1;
    font-weight: 400;
    font-size: 14px; }
  textarea.form-control:-moz-placeholder {
    color: #B1B1B1;
    font-weight: 400;
    font-size: 14px; }
  textarea.form-control::-moz-placeholder {
    color: #B1B1B1;
    font-weight: 400;
    font-size: 14px; }
  textarea.form-control:-ms-input-placeholder {
    color: #B1B1B1;
    font-weight: 400;
    font-size: 14px; }
  textarea.form-control:focus {
    /*border-color: #98D2FF;*/
    outline: none;
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(166, 205, 236, 0.6);*/
    box-shadow: none; }

/* 
	Create a custom select by adding a [data-smart-select]
	to any select. e.g. <select class="form-control" data-smart-select>
	and it will automatically be converted into a customized select
	that is wrapped inside a .fake-select-wrap
*/
.fake-select-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 34px;
  line-height: 30px;
  margin: 0; }
  .fake-select-wrap > select {
    position: absolute !important;
    z-index: 3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer; }
  .fake-select-wrap > .fake-select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    margin: 0;
    vertical-align: bottom;
    padding: 0 10px;
    white-space: nowrap;
    padding-right: 20px;
    text-overflow: ellipsis;
    /*overflow: hidden;*/
    border: 1px solid #ccc;
    background: #fff;
    height: 34px;
    line-height: 30px;
    cursor: pointer;
    color: #444; }
    .fake-select-wrap > .fake-select.focus {
      border-color: #98c7f8; }
      .fake-select-wrap > .fake-select.focus:after {
        color: #81B5EC; }
    .fake-select-wrap > .fake-select:after {
      font-family: 'FontAwesome';
      font-size: 13px;
      content: "\f078";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-weight: 400;
      color: #757575;
      display: block;
      position: absolute;
      right: 13px;
      height: 100%;
      top: 17px;
      line-height: 0; }

form label.error {
  position: relative !important;
  display: inline-block !important;
  margin-top: -2px !important;
  margin-bottom: -8px !important;
  color: #fff !important;
  font-weight: normal !important;
  font-size: 14px !important;
  padding: 5px 8px !important;
  background: #589BC9 !important;
  border-radius: 4px !important; }
  form label.error.valid {
    display: none !important; }
  form label.error:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #589BC9;
    border-width: 5px;
    left: 30px;
    margin-left: -5px; }

#flotTip {
  background-color: #000;
  color: #fff;
  /*border: 1px solid rgb(204, 204, 204);*/
  /*box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px;*/
  padding: 3px 11px 4px;
  border-radius: 4px;
  z-index: 9999; }
  #flotTip .value {
    display: block;
    text-align: center;
    font-weight: 600; }

.skin-switcher {
  position: fixed;
  right: 0px;
  top: 160px;
  z-index: 999999; }
  .skin-switcher .toggler {
    cursor: pointer;
    /*padding: 10px 15px;*/
    padding: 8px 15px;
    border-radius: 4px 0 0 4px;
    background: #fff;
    box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.25), 2px 2px 3px rgba(0, 0, 0, 0.12); }
    .skin-switcher .toggler .ion-settings {
      color: #666;
      font-size: 21px; }
    .skin-switcher .toggler .brankic-brush {
      font-size: 25px;
      color: #8C6DEC; }
  .skin-switcher .menu {
    position: absolute;
    right: 50px;
    top: -4px;
    background: #fff;
    width: 165px;
    border-radius: 3px;
    padding: 8px 0;
    list-style-type: none;
    box-shadow: 0 8px 13px rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(0, 0, 0, 0.06);
    opacity: 0;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 300ms cubic-bezier(0.34, 1.41, 0.7, 1);
    -moz-transition: all 300ms cubic-bezier(0.34, 1.41, 0.7, 1);
    -ms-transition: all 300ms cubic-bezier(0.34, 1.41, 0.7, 1);
    -o-transition: all 300ms cubic-bezier(0.34, 1.41, 0.7, 1);
    transition: all 300ms cubic-bezier(0.34, 1.41, 0.7, 1);
    -webkit-transform-origin: 100% 15px;
    -moz-transform-origin: 100% 15px;
    -o-transform-origin: 100% 15px;
    -ms-transform-origin: 100% 15px;
    transform-origin: 100% 15px; }
    .skin-switcher .menu.active {
      opacity: 1;
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
    .skin-switcher .menu:before {
      content: "";
      position: absolute;
      display: block;
      width: 37px;
      height: 12px;
      right: -24px;
      top: 20px;
      background-image: url("../../images/popover-arrow.png");
      background-size: 100% 100%;
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    .skin-switcher .menu li {
      padding: 8px 15px;
      border-bottom: 1px solid #E6E6E6; }
      .skin-switcher .menu li:last-child {
        border-bottom: 0; }
      .skin-switcher .menu li a {
        position: relative;
        text-decoration: none;
        display: block;
        color: #4C5661;
        font-size: 15px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        .skin-switcher .menu li a:hover {
          color: #000; }
        .skin-switcher .menu li a.active .fa-check {
          opacity: 1; }
        .skin-switcher .menu li a .color {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          display: inline-block;
          margin-right: 5px; }
          .skin-switcher .menu li a .color.default {
            border: 3px solid #319DDB; }
          .skin-switcher .menu li a .color.clear {
            border: 3px solid #BFDFF1; }
          .skin-switcher .menu li a .color.dark {
            border: 3px solid #808FCA; }
          .skin-switcher .menu li a .color.black {
            border: 3px solid #3E4052; }
          .skin-switcher .menu li a .color.flat {
            border: 3px solid #d8dfe6; }
          .skin-switcher .menu li a .color.flat-dark {
            border: 3px solid #363e45; }
        .skin-switcher .menu li a .fa-check {
          color: #83C490;
          font-size: 14px;
          position: absolute;
          top: 4px;
          right: 4px;
          opacity: 0;
          -webkit-transition: all 0.2s linear;
          -moz-transition: all 0.2s linear;
          -ms-transition: all 0.2s linear;
          -o-transition: all 0.2s linear;
          transition: all 0.2s linear; }

.datepicker-dropdown {
  z-index: 9999999 !important; }

/* snippets */
/* Used in user-profile.html page for the user info right sidebar */
@-webkit-keyframes showProfileInfo {
  0% {
    right: -23%; }

  100% {
    right: 0; } }

@-moz-keyframes showProfileInfo {
  0% {
    right: -23%; }

  100% {
    right: 0; } }

@-o-keyframes showProfileInfo {
  0% {
    right: -23%; }

  100% {
    right: 0; } }

@keyframes showProfileInfo {
  0% {
    right: -23%; }

  100% {
    right: 0; } }

/* Fade in left for wizard steps */
@-webkit-keyframes fadeInLeftStep {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInLeftStep {
  0% {
    opacity: 0;
    -moz-transform: translateX(-40px); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInLeftStep {
  0% {
    opacity: 0;
    -o-transform: translateX(-40px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInLeftStep {
  0% {
    opacity: 0;
    transform: translateX(-40px); }

  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInLeftStep {
  -webkit-animation-name: fadeInLeftStep;
  -moz-animation-name: fadeInLeftStep;
  -o-animation-name: fadeInLeftStep;
  animation-name: fadeInLeftStep; }

/* Fade in right for wizard steps */
@-webkit-keyframes fadeInRightStep {
  0% {
    opacity: 0;
    -webkit-transform: translateX(40px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInRightStep {
  0% {
    opacity: 0;
    -moz-transform: translateX(40px); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInRightStep {
  0% {
    opacity: 0;
    -o-transform: translateX(40px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInRightStep {
  0% {
    opacity: 0;
    transform: translateX(40px); }

  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInRightStep {
  -webkit-animation-name: fadeInRightStep;
  -moz-animation-name: fadeInRightStep;
  -o-animation-name: fadeInRightStep;
  animation-name: fadeInRightStep; }

/* Fade out left for wizard steps */
@-webkit-keyframes fadeOutLeftStep {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-40px); } }

@-moz-keyframes fadeOutLeftStep {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }

  100% {
    opacity: 0;
    -moz-transform: translateX(-40px); } }

@-o-keyframes fadeOutLeftStep {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }

  100% {
    opacity: 0;
    -o-transform: translateX(-40px); } }

@keyframes fadeOutLeftStep {
  0% {
    opacity: 1;
    transform: translateX(0); }

  100% {
    opacity: 0;
    transform: translateX(-40px); } }

.fadeOutLeftStep {
  -webkit-animation-name: fadeOutLeftStep;
  -moz-animation-name: fadeOutLeftStep;
  -o-animation-name: fadeOutLeftStep;
  animation-name: fadeOutLeftStep; }

/* Fade out right for wizard steps */
@-webkit-keyframes fadeOutRightStep {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(40px); } }

@-moz-keyframes fadeOutRightStep {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }

  100% {
    opacity: 0;
    -moz-transform: translateX(40px); } }

@-o-keyframes fadeOutRightStep {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }

  100% {
    opacity: 0;
    -o-transform: translateX(40px); } }

@keyframes fadeOutRightStep {
  0% {
    opacity: 1;
    transform: translateX(0); }

  100% {
    opacity: 0;
    transform: translateX(40px); } }

.fadeOutRightStep {
  -webkit-animation-name: fadeOutRightStep;
  -moz-animation-name: fadeOutRightStep;
  -o-animation-name: fadeOutRightStep;
  animation-name: fadeOutRightStep; }

/* vendor */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #5585B3;
  border-color: #4477A3; }

.pagination > li > a,
.pagination > li > span,
.pager li > a,
.pager li > span {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear; }

.modal-backdrop {
  z-index: 10400; }
  .modal-backdrop.in {
    opacity: .35;
    filter: alpha(opacity=35); }

.modal {
  z-index: 10500; }
  .modal.in .modal-dialog {
    -moz-transform: translate(0, 0) scale3d(1, 1, 1) !important;
    -o-transform: translate(0, 0) scale3d(1, 1, 1) !important;
    -ms-transform: translate(0, 0) scale3d(1, 1, 1) !important;
    -webkit-transform: translate(0, 0) scale3d(1, 1, 1) !important;
    transform: translate(0, 0) scale3d(1, 1, 1) !important; }
  .modal.fade {
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out; }
    .modal.fade .modal-dialog {
      -moz-transform: translate(0, 0) scale3d(1.1, 1.1, 1.1);
      -o-transform: translate(0, 0) scale3d(1.1, 1.1, 1.1);
      -ms-transform: translate(0, 0) scale3d(1.1, 1.1, 1.1);
      -webkit-transform: translate(0, 0) scale3d(1.1, 1.1, 1.1);
      transform: translate(0, 0) scale3d(1.1, 1.1, 1.1);
      -webkit-transition: -webkit-transform 0.1s ease-out;
      -moz-transition: -moz-transform 0.1s ease-out;
      -ms-transition: -ms-transform 0.1s ease-out;
      -o-transition: -o-transform 0.1s ease-out;
      transition: transform 0.1s ease-out; }
  .modal .modal-dialog {
    -moz-transform: translate(0, 0) scale3d(1.1, 1.1, 1.1);
    -o-transform: translate(0, 0) scale3d(1.1, 1.1, 1.1);
    -ms-transform: translate(0, 0) scale3d(1.1, 1.1, 1.1);
    -webkit-transform: translate(0, 0) scale3d(1.1, 1.1, 1.1);
    transform: translate(0, 0) scale3d(1.1, 1.1, 1.1);
    margin-top: 80px; }

.tooltip {
  font-size: 13px; }
  .tooltip .tooltip-inner {
    font-weight: 600; }

.label-danger {
  background: #D66363; }

.btn.btn-default {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .btn.btn-default:focus, .btn.btn-default:active {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.14); }
.btn.btn-primary {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .btn.btn-primary:focus, .btn.btn-primary:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14); }
.btn.btn-success {
  border: 1px solid #63a042;
  background-color: #76b852;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .btn.btn-success:focus, .btn.btn-success:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14); }
  .btn.btn-success:hover {
    background-color: #47a447; }
.btn.btn-danger {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .btn.btn-danger:focus, .btn.btn-danger:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14); }
.btn.btn-info {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .btn.btn-info:focus, .btn.btn-info:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14); }
.btn.btn-warning {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .btn.btn-warning:focus, .btn.btn-warning:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14); }

.input-group-addon {
  background-color: #F2F7FA; }

.form-horizontal .has-feedback .form-control-feedback {
  right: 8px; }

code {
  color: #256CC7;
  background-color: #F8F2F9; }

/* layout */
body {
  font-family: Source Sans Pro, Helvetica Neue, Arial;
  -webkit-font-smoothing: antialiased;
  background: #fff; }
  body.open-sidebar #wrapper #content {
    -webkit-perspective: 0px;
    -ms-perspective: 0px;
    -moz-perspective: 0px;
    -moz-transform: translate3d(230px, 0, 0);
    -o-transform: translate3d(230px, 0, 0);
    -ms-transform: translate3d(230px, 0, 0);
    -webkit-transform: translate3d(230px, 0, 0);
    transform: translate3d(230px, 0, 0); }

#wrapper {
  position: relative;
  -webkit-backface-visibility: hidden;
  margin: 0 auto; }

.main-sidebar {
  bottom: 0px; }
  @media screen and (min-height: 901px) {
    .main-sidebar {
      position: fixed !important; } }

#sidebar-dark {
  background: #2f343d;
  left: 0;
  top: 0;
  position: absolute;
  width: 230px;
  z-index: 999;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  @media (min-width: 768px) and (max-width: 991px) {
    #sidebar-dark {
      width: 80px; } }
  #sidebar-dark .current-user {
    padding: 0px 20px;
    height: 63px;
    position: relative; }
    #sidebar-dark .current-user .name {
      position: relative;
      padding: 10px 0;
      display: block;
      color: #DFE8F0;
      font-size: 14px;
      text-decoration: none; }
      #sidebar-dark .current-user .name .avatar {
        max-width: 41px;
        border-radius: 50%;
        position: relative;
        top: 2px;
        margin-right: 12px; }
      #sidebar-dark .current-user .name span {
        position: relative;
        top: 4px; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-dark .current-user .name span {
            display: none; } }
        #sidebar-dark .current-user .name span .fa-chevron-down {
          font-size: 10px;
          margin-left: 9px;
          position: relative;
          top: -1px; }
    #sidebar-dark .current-user .menu {
      position: absolute;
      left: 35px;
      top: 60px;
      background: #fff;
      width: 165px;
      z-index: 999;
      border-radius: 3px;
      padding: 8px 0;
      list-style-type: none;
      box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25);
      opacity: 0;
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -webkit-transform-origin: 50% 0;
      -moz-transform-origin: 50% 0;
      -o-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      transform-origin: 50% 0; }
      @media (min-width: 768px) and (max-width: 991px) {
        #sidebar-dark .current-user .menu {
          left: 80px;
          top: 10px;
          -webkit-transform-origin: 0 15px;
          -moz-transform-origin: 0 15px;
          -o-transform-origin: 0 15px;
          -ms-transform-origin: 0 15px;
          transform-origin: 0 15px; } }
      #sidebar-dark .current-user .menu.active {
        opacity: 1;
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      #sidebar-dark .current-user .menu:before {
        content: "";
        position: absolute;
        display: block;
        width: 37px;
        height: 12px;
        top: -12px;
        left: 49%;
        margin-left: -18.5px;
        background-image: url("../../images/popover-arrow.png");
        background-size: 100% 100%; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-dark .current-user .menu:before {
            top: 16px;
            left: -5px;
            -moz-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }
      #sidebar-dark .current-user .menu li {
        padding: 8px 15px;
        border-bottom: 1px solid #E6E6E6; }
        #sidebar-dark .current-user .menu li:last-child {
          border-bottom: 0; }
        #sidebar-dark .current-user .menu li a {
          text-decoration: none;
          display: block;
          color: #4C5661;
          font-size: 15px;
          -webkit-transition: all 0.2s linear;
          -moz-transition: all 0.2s linear;
          -ms-transition: all 0.2s linear;
          -o-transition: all 0.2s linear;
          transition: all 0.2s linear; }
          #sidebar-dark .current-user .menu li a:hover {
            color: #000; }
  #sidebar-dark .menu-section h3 {
    color: #A9B8C7;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 0;
    text-shadow: 1px 1px #000;
    padding: 10px 25px;
    background: #232830;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.64); }
    @media (min-width: 768px) and (max-width: 991px) {
      #sidebar-dark .menu-section h3 {
        display: none; } }
  #sidebar-dark .menu-section ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0; }
    @media (min-width: 768px) and (max-width: 991px) {
      #sidebar-dark .menu-section ul li {
        position: relative; } }
    #sidebar-dark .menu-section ul li a {
      color: #e2e2e2;
      font-weight: 400;
      font-size: 14px;
      box-shadow: inset 0px 1px #414852;
      padding: 12px 0px 15px 23px;
      border-top: 1px solid #1A2331;
      background: #2f343d;
      text-decoration: none;
      display: inline-block;
      width: 100%;
      -webkit-transition: background 0.13s linear;
      -moz-transition: background 0.13s linear;
      -ms-transition: background 0.13s linear;
      -o-transition: background 0.13s linear;
      transition: background 0.13s linear; }
      @media (min-width: 768px) and (max-width: 991px) {
        #sidebar-dark .menu-section ul li a {
          position: relative;
          padding-left: 0px;
          text-align: center; }
          #sidebar-dark .menu-section ul li a:hover + .submenu {
            visibility: visible;
            opacity: 1;
            -moz-transform: translateX(0px);
            -o-transform: translateX(0px);
            -ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);
            transform: translateX(0px); } }
      #sidebar-dark .menu-section ul li a.active, #sidebar-dark .menu-section ul li a:hover, #sidebar-dark .menu-section ul li a.toggled {
        background: #3C424C; }
      #sidebar-dark .menu-section ul li a i {
        min-width: 17px;
        font-size: 19px;
        margin-right: 9px;
        position: relative;
        top: 1px; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-dark .menu-section ul li a i {
            font-size: 23px;
            margin: 0; }
            #sidebar-dark .menu-section ul li a i.fa-chevron-down {
              display: none; } }
        #sidebar-dark .menu-section ul li a i.ion-card, #sidebar-dark .menu-section ul li a i.ion-android-inbox {
          font-size: 18px; }
        #sidebar-dark .menu-section ul li a i.ion-code-working {
          font-size: 23px;
          top: 4px; }
        #sidebar-dark .menu-section ul li a i.ion-usb {
          font-size: 22px; }
        #sidebar-dark .menu-section ul li a i.fa-chevron-down {
          float: right;
          font-size: 11px;
          top: 7px;
          right: 11px; }
      @media (min-width: 768px) and (max-width: 991px) {
        #sidebar-dark .menu-section ul li a span {
          display: none; } }
      #sidebar-dark .menu-section ul li a .counter {
        display: inline-block;
        background: #479ccf;
        height: 19px;
        padding: 3px 8px;
        line-height: 1;
        text-align: center;
        border-radius: 20px;
        color: #fff;
        font-family: "Helvetica Neue", Arial;
        font-size: 11px;
        font-weight: 600;
        float: right;
        position: relative;
        top: 2px;
        right: 13px; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-dark .menu-section ul li a .counter {
            display: none; } }
    #sidebar-dark .menu-section ul li > .submenu {
      display: none;
      position: relative;
      margin-top: 0;
      margin-bottom: 10px;
      -webkit-animation-duration: 0.4s;
      -moz-animation-duration: 0.4s;
      -o-animation-duration: 0.4s;
      animation-duration: 0.4s; }
      @media (min-width: 768px) and (max-width: 991px) {
        #sidebar-dark .menu-section ul li > .submenu {
          background: #2a313a;
          position: absolute;
          display: block;
          visibility: hidden;
          opacity: 0;
          -moz-transform: translateX(-20px);
          -o-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
          -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
          border-radius: 0 4px 4px 0;
          min-width: 185px;
          top: 0px;
          left: 79px;
          padding-bottom: 0px;
          box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09);
          -webkit-transition: all 0.15s ease-in;
          -moz-transition: all 0.15s ease-in;
          -ms-transition: all 0.15s ease-in;
          -o-transition: all 0.15s ease-in;
          transition: all 0.15s ease-in; }
          #sidebar-dark .menu-section ul li > .submenu:hover {
            opacity: 1;
            -moz-transform: translateX(0px);
            -o-transform: translateX(0px);
            -ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);
            transform: translateX(0px);
            visibility: visible; } }
      #sidebar-dark .menu-section ul li > .submenu.active {
        display: block; }
      #sidebar-dark .menu-section ul li > .submenu li a {
        padding: 12px 0px 12px 52px;
        font-size: 14px; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-dark .menu-section ul li > .submenu li a {
            padding-left: 15px;
            padding-right: 15px;
            text-align: left;
            border-radius: 0 4px 4px 0; } }
        #sidebar-dark .menu-section ul li > .submenu li a.active {
          background: #232830;
          box-shadow: none; }
      #sidebar-dark .menu-section ul li > .submenu li > .submenu {
        display: none;
        position: relative;
        border-bottom: 0px;
        box-shadow: none;
        margin-bottom: 10px;
        -webkit-animation-duration: 0.4s;
        -moz-animation-duration: 0.4s;
        -o-animation-duration: 0.4s;
        animation-duration: 0.4s; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-dark .menu-section ul li > .submenu li > .submenu {
            display: block;
            position: absolute;
            top: 0px;
            left: 185px; } }
        #sidebar-dark .menu-section ul li > .submenu li > .submenu.active {
          display: block; }
        #sidebar-dark .menu-section ul li > .submenu li > .submenu li a {
          padding-left: 75px; }
          @media (min-width: 768px) and (max-width: 991px) {
            #sidebar-dark .menu-section ul li > .submenu li > .submenu li a {
              padding-left: 10px; } }
  #sidebar-dark .bottom-menu {
    position: fixed;
    bottom: 0;
    width: 230px;
    z-index: 999; }
    #sidebar-dark .bottom-menu > ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      #sidebar-dark .bottom-menu > ul > li {
        float: left;
        display: block;
        width: 33.333%;
        border-right: 1px solid #3E4E55;
        border-top: 1px solid #3E4E55; }
        #sidebar-dark .bottom-menu > ul > li:last-child {
          border-right: 0; }
        #sidebar-dark .bottom-menu > ul > li > a {
          display: block;
          position: relative;
          text-align: center;
          padding: 6px 0;
          background: #333D4B; }
          #sidebar-dark .bottom-menu > ul > li > a:hover i {
            color: #89A2BB; }
          #sidebar-dark .bottom-menu > ul > li > a:hover + .menu {
            opacity: 1;
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1); }
          #sidebar-dark .bottom-menu > ul > li > a i {
            color: #CBD3DB;
            font-size: 19px;
            -webkit-transition: all 0.1s linear;
            -moz-transition: all 0.1s linear;
            -ms-transition: all 0.1s linear;
            -o-transition: all 0.1s linear;
            transition: all 0.1s linear; }
          #sidebar-dark .bottom-menu > ul > li > a .flag {
            width: 7px;
            height: 7px;
            display: block;
            position: absolute;
            background: #9ed166;
            border-radius: 25px;
            top: 4px;
            right: 25px; }
        #sidebar-dark .bottom-menu > ul > li .menu {
          position: absolute;
          left: 39px;
          bottom: 34px;
          background: #fff;
          width: 155px;
          z-index: 999;
          border-radius: 3px;
          padding: 7px 0;
          list-style-type: none;
          box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25);
          opacity: 0;
          -moz-transform: scale(0);
          -o-transform: scale(0);
          -ms-transform: scale(0);
          -webkit-transform: scale(0);
          transform: scale(0);
          -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -webkit-transform-origin: 50% 100%;
          -moz-transform-origin: 50% 100%;
          -o-transform-origin: 50% 100%;
          -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%; }
          #sidebar-dark .bottom-menu > ul > li .menu:hover {
            opacity: 1;
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1); }
          #sidebar-dark .bottom-menu > ul > li .menu:after {
            content: "";
            position: absolute;
            display: block;
            width: 37px;
            height: 12px;
            bottom: -12px;
            left: 49%;
            margin-left: -18.5px;
            background-image: url("../../images/popover-arrow.png");
            background-size: 100% 100%;
            -moz-transform: rotateX(180deg);
            -o-transform: rotateX(180deg);
            -ms-transform: rotateX(180deg);
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }
          #sidebar-dark .bottom-menu > ul > li .menu li {
            padding: 8px 0;
            border-bottom: 1px solid #E6E6E6;
            text-align: center; }
            #sidebar-dark .bottom-menu > ul > li .menu li:last-child {
              border-bottom: 0; }
            #sidebar-dark .bottom-menu > ul > li .menu li a {
              text-decoration: none;
              display: block;
              color: #54A0E2;
              font-weight: 600;
              -webkit-transition: all 0.2s linear;
              -moz-transition: all 0.2s linear;
              -ms-transition: all 0.2s linear;
              -o-transition: all 0.2s linear;
              transition: all 0.2s linear; }
              #sidebar-dark .bottom-menu > ul > li .menu li a:hover {
                color: #000; }

#sidebar-black {
  background: #111E22;
  left: 0;
  top: 0;
  position: absolute;
  width: 230px;
  z-index: 999;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  @media (min-width: 768px) and (max-width: 991px) {
    #sidebar-black {
      width: 80px; } }
  #sidebar-black .current-user {
    height: 63px;
    color: #fff;
    margin-bottom: 30px;
    position: relative;
    border-bottom: 1px solid #353A44;
    padding: 0 20px; }
    #sidebar-black .current-user .name {
      color: #D6DDEB;
      font-size: 15px;
      font-weight: 400;
      text-decoration: none;
      position: relative;
      padding: 10px 0;
      display: block; }
      #sidebar-black .current-user .name .avatar {
        max-width: 41px;
        border-radius: 50%;
        position: relative;
        top: 2px;
        margin-right: 12px; }
      #sidebar-black .current-user .name span {
        position: relative;
        top: 4px; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-black .current-user .name span {
            display: none; } }
        #sidebar-black .current-user .name span .fa-chevron-down {
          font-size: 10px;
          margin-left: 9px;
          position: relative;
          top: -1px; }
    #sidebar-black .current-user .menu {
      position: absolute;
      left: 35px;
      top: 60px;
      background: #fff;
      width: 165px;
      z-index: 999;
      border-radius: 3px;
      padding: 8px 0;
      list-style-type: none;
      box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.25);
      opacity: 0;
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -webkit-transform-origin: 50% 0;
      -moz-transform-origin: 50% 0;
      -o-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      transform-origin: 50% 0; }
      @media (min-width: 768px) and (max-width: 991px) {
        #sidebar-black .current-user .menu {
          left: 80px;
          top: 10px;
          -webkit-transform-origin: 0 15px;
          -moz-transform-origin: 0 15px;
          -o-transform-origin: 0 15px;
          -ms-transform-origin: 0 15px;
          transform-origin: 0 15px; } }
      #sidebar-black .current-user .menu.active {
        opacity: 1;
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      #sidebar-black .current-user .menu:before {
        content: "";
        position: absolute;
        display: block;
        width: 37px;
        height: 12px;
        top: -12px;
        left: 49%;
        margin-left: -18.5px;
        background-image: url("../../images/popover-arrow.png");
        background-size: 100% 100%; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-black .current-user .menu:before {
            top: 16px;
            left: -5px;
            -moz-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }
      #sidebar-black .current-user .menu li {
        padding: 8px 15px;
        border-bottom: 1px solid #E6E6E6; }
        #sidebar-black .current-user .menu li:last-child {
          border-bottom: 0; }
        #sidebar-black .current-user .menu li a {
          text-decoration: none;
          display: block;
          color: #4C5661;
          font-size: 15px;
          -webkit-transition: all 0.2s linear;
          -moz-transition: all 0.2s linear;
          -ms-transition: all 0.2s linear;
          -o-transition: all 0.2s linear;
          transition: all 0.2s linear; }
          #sidebar-black .current-user .menu li a:hover {
            color: #000; }
  #sidebar-black .menu-section {
    margin-bottom: 35px; }
    #sidebar-black .menu-section h3 {
      color: #9E9E9E;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 11px;
      margin-bottom: 0;
      letter-spacing: .4px;
      margin-top: 0;
      text-shadow: 1px 1px #000;
      padding-left: 25px; }
      @media (min-width: 768px) and (max-width: 991px) {
        #sidebar-black .menu-section h3 {
          display: none; } }
    #sidebar-black .menu-section ul {
      list-style-type: none;
      padding-left: 0;
      margin-bottom: 0;
      margin-top: 10px; }
      #sidebar-black .menu-section ul li {
        margin: 3px 0; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-black .menu-section ul li {
            margin-bottom: 7px;
            position: relative; } }
        #sidebar-black .menu-section ul li a {
          color: #f8f8f8;
          font-weight: 400;
          font-size: 14px;
          padding: 8px 10px;
          background: transparent;
          text-decoration: none;
          display: inline-block;
          width: 100%;
          border-radius: 2px 0 0 2px;
          padding-left: 23px;
          -webkit-transition: background 0.13s linear;
          -moz-transition: background 0.13s linear;
          -ms-transition: background 0.13s linear;
          -o-transition: background 0.13s linear;
          transition: background 0.13s linear; }
          @media (min-width: 768px) and (max-width: 991px) {
            #sidebar-black .menu-section ul li a {
              position: relative;
              padding-left: 10px;
              text-align: center; }
              #sidebar-black .menu-section ul li a:hover + .submenu {
                visibility: visible;
                opacity: 1;
                -moz-transform: translateX(0px);
                -o-transform: translateX(0px);
                -ms-transform: translateX(0px);
                -webkit-transform: translateX(0px);
                transform: translateX(0px); } }
          #sidebar-black .menu-section ul li a:hover {
            color: #fff; }
          #sidebar-black .menu-section ul li a.active {
            background: #43b9af;
            color: #fff; }
            #sidebar-black .menu-section ul li a.active i {
              color: #fff; }
          #sidebar-black .menu-section ul li a i {
            font-size: 19px;
            color: #ebebe8;
            margin-right: 9px;
            min-width: 17px;
            text-align: center;
            position: relative;
            top: 1px; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-black .menu-section ul li a i {
                font-size: 23px;
                margin: 0; }
                #sidebar-black .menu-section ul li a i.fa-chevron-down {
                  display: none; } }
            #sidebar-black .menu-section ul li a i.ion-card, #sidebar-black .menu-section ul li a i.ion-android-inbox {
              font-size: 18px; }
            #sidebar-black .menu-section ul li a i.ion-code-working {
              font-size: 23px;
              top: 4px; }
            #sidebar-black .menu-section ul li a i.ion-usb {
              font-size: 22px; }
            #sidebar-black .menu-section ul li a i.fa-chevron-down {
              float: right;
              font-size: 11px;
              top: 7px;
              right: 8px; }
          @media (min-width: 768px) and (max-width: 991px) {
            #sidebar-black .menu-section ul li a span {
              display: none; } }
          #sidebar-black .menu-section ul li a .counter {
            display: inline-block;
            background: #479ccf;
            height: 19px;
            padding: 3px 8px;
            line-height: 1;
            text-align: center;
            border-radius: 20px;
            color: #fff;
            font-family: "Helvetica Neue", Arial;
            font-size: 11px;
            font-weight: 600;
            float: right;
            position: relative;
            top: 2px;
            right: 9px; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-black .menu-section ul li a .counter {
                display: none; } }
        #sidebar-black .menu-section ul li > .submenu {
          display: none;
          position: relative;
          top: 5px;
          margin-top: 0;
          margin-bottom: 30px;
          padding-bottom: 15px;
          border-bottom: 1px solid #000;
          box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09);
          -webkit-animation-duration: 0.4s;
          -moz-animation-duration: 0.4s;
          -o-animation-duration: 0.4s;
          animation-duration: 0.4s; }
          @media (min-width: 768px) and (max-width: 991px) {
            #sidebar-black .menu-section ul li > .submenu {
              background: #1A1E22;
              position: absolute;
              display: block;
              visibility: hidden;
              opacity: 0;
              -moz-transform: translateX(-20px);
              -o-transform: translateX(-20px);
              -ms-transform: translateX(-20px);
              -webkit-transform: translateX(-20px);
              transform: translateX(-20px);
              border-radius: 0 4px 4px 0;
              min-width: 170px;
              top: 0px;
              left: 79px;
              padding-bottom: 0px;
              box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09);
              -webkit-transition: all 0.15s ease-in;
              -moz-transition: all 0.15s ease-in;
              -ms-transition: all 0.15s ease-in;
              -o-transition: all 0.15s ease-in;
              transition: all 0.15s ease-in; }
              #sidebar-black .menu-section ul li > .submenu:hover {
                opacity: 1;
                -moz-transform: translateX(0px);
                -o-transform: translateX(0px);
                -ms-transform: translateX(0px);
                -webkit-transform: translateX(0px);
                transform: translateX(0px);
                visibility: visible; } }
          #sidebar-black .menu-section ul li > .submenu.active {
            display: block; }
          #sidebar-black .menu-section ul li > .submenu li a {
            padding-left: 53px;
            font-size: 14px; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-black .menu-section ul li > .submenu li a {
                padding-left: 10px;
                text-align: left; } }
            #sidebar-black .menu-section ul li > .submenu li a.active {
              background: #000;
              box-shadow: none; }
          #sidebar-black .menu-section ul li > .submenu li > .submenu {
            display: none;
            position: relative;
            top: 5px;
            border-bottom: 0px;
            box-shadow: none;
            margin-bottom: 10px;
            -webkit-animation-duration: 0.4s;
            -moz-animation-duration: 0.4s;
            -o-animation-duration: 0.4s;
            animation-duration: 0.4s; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-black .menu-section ul li > .submenu li > .submenu {
                display: block;
                position: absolute;
                top: 0px;
                left: 170px; } }
            #sidebar-black .menu-section ul li > .submenu li > .submenu.active {
              display: block; }
            #sidebar-black .menu-section ul li > .submenu li > .submenu li a {
              padding-left: 73px; }
              @media (min-width: 768px) and (max-width: 991px) {
                #sidebar-black .menu-section ul li > .submenu li > .submenu li a {
                  padding-left: 10px; } }
  #sidebar-black .bottom-menu {
    position: fixed;
    bottom: 0;
    width: 230px;
    z-index: 999; }
    #sidebar-black .bottom-menu > ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      #sidebar-black .bottom-menu > ul > li {
        float: left;
        display: block;
        width: 33.333%;
        border-right: 1px solid #2C3C44;
        border-top: 1px solid #2C3C44; }
        #sidebar-black .bottom-menu > ul > li:last-child {
          border-right: 0; }
        #sidebar-black .bottom-menu > ul > li > a {
          display: block;
          position: relative;
          text-align: center;
          padding: 6px 0;
          background: #142125; }
          #sidebar-black .bottom-menu > ul > li > a:hover i {
            color: #CBD3DB; }
          #sidebar-black .bottom-menu > ul > li > a:hover + .menu {
            opacity: 1;
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1); }
          #sidebar-black .bottom-menu > ul > li > a i {
            color: #CBD3DB;
            font-size: 19px;
            -webkit-transition: all 0.1s linear;
            -moz-transition: all 0.1s linear;
            -ms-transition: all 0.1s linear;
            -o-transition: all 0.1s linear;
            transition: all 0.1s linear; }
          #sidebar-black .bottom-menu > ul > li > a .flag {
            width: 7px;
            height: 7px;
            display: block;
            position: absolute;
            background: #43b9af;
            border-radius: 25px;
            top: 4px;
            right: 25px; }
        #sidebar-black .bottom-menu > ul > li .menu {
          position: absolute;
          left: 39px;
          bottom: 34px;
          background: #fff;
          width: 155px;
          z-index: 999;
          border-radius: 3px;
          padding: 7px 0;
          list-style-type: none;
          box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25);
          opacity: 0;
          -moz-transform: scale(0);
          -o-transform: scale(0);
          -ms-transform: scale(0);
          -webkit-transform: scale(0);
          transform: scale(0);
          -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -webkit-transform-origin: 50% 100%;
          -moz-transform-origin: 50% 100%;
          -o-transform-origin: 50% 100%;
          -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%; }
          #sidebar-black .bottom-menu > ul > li .menu:hover {
            opacity: 1;
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1); }
          #sidebar-black .bottom-menu > ul > li .menu:after {
            content: "";
            position: absolute;
            display: block;
            width: 37px;
            height: 12px;
            bottom: -12px;
            left: 49%;
            margin-left: -18.5px;
            background-image: url("../../images/popover-arrow.png");
            background-size: 100% 100%;
            -moz-transform: rotateX(180deg);
            -o-transform: rotateX(180deg);
            -ms-transform: rotateX(180deg);
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }
          #sidebar-black .bottom-menu > ul > li .menu li {
            padding: 8px 0;
            border-bottom: 1px solid #E6E6E6;
            text-align: center; }
            #sidebar-black .bottom-menu > ul > li .menu li:last-child {
              border-bottom: 0; }
            #sidebar-black .bottom-menu > ul > li .menu li a {
              text-decoration: none;
              display: block;
              color: #54A0E2;
              font-weight: 600;
              -webkit-transition: all 0.2s linear;
              -moz-transition: all 0.2s linear;
              -ms-transition: all 0.2s linear;
              -o-transition: all 0.2s linear;
              transition: all 0.2s linear; }
              #sidebar-black .bottom-menu > ul > li .menu li a:hover {
                color: #000; }

#sidebar-clear {
  background: #F2F5F8;
  box-shadow: inset 0px -2px 3px rgba(0, 0, 0, 0.25);
  left: 0;
  top: 0;
  position: absolute;
  width: 230px;
  z-index: 999;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  @media (min-width: 768px) and (max-width: 991px) {
    #sidebar-clear {
      width: 80px; } }
  #sidebar-clear .current-user {
    position: relative;
    padding: 0 20px;
    margin-bottom: 20px;
    height: 63px; }
    #sidebar-clear .current-user .name {
      color: #444;
      font-size: 15px;
      text-decoration: none;
      padding: 10px 0;
      display: block;
      position: relative; }
      #sidebar-clear .current-user .name .avatar {
        max-width: 41px;
        border-radius: 50%;
        position: relative;
        top: 2px;
        margin-right: 12px; }
      #sidebar-clear .current-user .name span {
        position: relative;
        top: 5px; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-clear .current-user .name span {
            display: none; } }
        #sidebar-clear .current-user .name span .fa-chevron-down {
          font-size: 10px;
          margin-left: 7px;
          position: relative;
          top: -1px; }
    #sidebar-clear .current-user .menu {
      position: absolute;
      left: 35px;
      top: 60px;
      background: #fff;
      width: 165px;
      z-index: 999;
      border-radius: 3px;
      padding: 8px 0;
      list-style-type: none;
      box-shadow: 0 6px 13px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(0, 0, 0, 0.06);
      opacity: 0;
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -webkit-transform-origin: 50% 0;
      -moz-transform-origin: 50% 0;
      -o-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      transform-origin: 50% 0; }
      @media (min-width: 768px) and (max-width: 991px) {
        #sidebar-clear .current-user .menu {
          left: 80px;
          top: 10px;
          -webkit-transform-origin: 0 15px;
          -moz-transform-origin: 0 15px;
          -o-transform-origin: 0 15px;
          -ms-transform-origin: 0 15px;
          transform-origin: 0 15px; } }
      #sidebar-clear .current-user .menu.active {
        opacity: 1;
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      #sidebar-clear .current-user .menu:before {
        content: "";
        position: absolute;
        display: block;
        width: 37px;
        height: 12px;
        top: -12px;
        left: 49%;
        margin-left: -18.5px;
        background-image: url("../../images/popover-arrow.png");
        background-size: 100% 100%; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-clear .current-user .menu:before {
            top: 16px;
            left: -5px;
            -moz-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }
      #sidebar-clear .current-user .menu li {
        padding: 8px 15px;
        border-bottom: 1px solid #E6E6E6; }
        #sidebar-clear .current-user .menu li:last-child {
          border-bottom: 0; }
        #sidebar-clear .current-user .menu li a {
          text-decoration: none;
          display: block;
          color: #4C5661;
          font-size: 15px;
          -webkit-transition: all 0.2s linear;
          -moz-transition: all 0.2s linear;
          -ms-transition: all 0.2s linear;
          -o-transition: all 0.2s linear;
          transition: all 0.2s linear; }
          #sidebar-clear .current-user .menu li a:hover {
            color: #000; }
  #sidebar-clear .menu-section {
    margin-bottom: 40px; }
    #sidebar-clear .menu-section h3 {
      color: #6D7785;
      text-transform: uppercase;
      letter-spacing: .5px;
      font-weight: bold;
      font-size: 11px;
      margin-bottom: 0;
      margin-top: 0;
      padding-left: 25px; }
      @media (min-width: 768px) and (max-width: 991px) {
        #sidebar-clear .menu-section h3 {
          display: none; } }
    #sidebar-clear .menu-section ul {
      list-style-type: none;
      padding-left: 0;
      margin-bottom: 0;
      margin-top: 15px; }
      #sidebar-clear .menu-section ul li {
        margin: 3px 0; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-clear .menu-section ul li {
            margin-bottom: 7px;
            position: relative; } }
        #sidebar-clear .menu-section ul li a {
          color: #303030;
          font-weight: 400;
          font-size: 14px;
          padding: 6px 10px;
          padding-left: 25px;
          background: transparent;
          text-decoration: none;
          display: inline-block;
          width: 99%;
          border-top: 1px solid #F2F5F8;
          border-bottom: 1px solid #F2F5F8;
          -webkit-transition: all 0.13s linear;
          -moz-transition: all 0.13s linear;
          -ms-transition: all 0.13s linear;
          -o-transition: all 0.13s linear;
          transition: all 0.13s linear; }
          @media (min-width: 768px) and (max-width: 991px) {
            #sidebar-clear .menu-section ul li a {
              position: relative;
              padding-left: 10px;
              text-align: center; }
              #sidebar-clear .menu-section ul li a:hover + .submenu {
                visibility: visible;
                opacity: 1;
                -moz-transform: translateX(0px);
                -o-transform: translateX(0px);
                -ms-transform: translateX(0px);
                -webkit-transform: translateX(0px);
                transform: translateX(0px); } }
          #sidebar-clear .menu-section ul li a.active, #sidebar-clear .menu-section ul li a:hover {
            background: #E7EDF3;
            border-top: 1px solid #BED3EA;
            border-bottom: 1px solid #BED3EA; }
          #sidebar-clear .menu-section ul li a.toggled {
            background: #E7EDF3; }
          #sidebar-clear .menu-section ul li a i {
            font-size: 18px;
            margin-right: 9px;
            min-width: 17px;
            text-align: center;
            position: relative;
            top: 1px; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-clear .menu-section ul li a i {
                font-size: 23px;
                margin: 0; }
                #sidebar-clear .menu-section ul li a i.fa-chevron-down {
                  display: none; } }
            #sidebar-clear .menu-section ul li a i.ion-card, #sidebar-clear .menu-section ul li a i.ion-android-inbox {
              font-size: 18px; }
            #sidebar-clear .menu-section ul li a i.ion-code-working {
              font-size: 23px;
              top: 4px; }
            #sidebar-clear .menu-section ul li a i.ion-usb {
              font-size: 22px; }
            #sidebar-clear .menu-section ul li a i.fa-chevron-down {
              float: right;
              font-size: 11px;
              top: 6px;
              right: 4px; }
          @media (min-width: 768px) and (max-width: 991px) {
            #sidebar-clear .menu-section ul li a span {
              display: none; } }
          #sidebar-clear .menu-section ul li a .counter {
            display: inline-block;
            background: #FFF;
            height: 19px;
            min-width: 25px;
            line-height: 17px;
            text-align: center;
            border-radius: 5px;
            font-size: 11px;
            float: right;
            position: relative;
            top: 2px;
            right: 9px;
            border: 1px solid #BFDAF3; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-clear .menu-section ul li a .counter {
                display: none; } }
        #sidebar-clear .menu-section ul li > .submenu {
          display: none;
          position: relative;
          top: 10px;
          margin-top: 0;
          margin-bottom: 30px;
          padding-bottom: 15px;
          border-bottom: 1px solid #D4DBE0;
          box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09);
          -webkit-animation-duration: 0.4s;
          -moz-animation-duration: 0.4s;
          -o-animation-duration: 0.4s;
          animation-duration: 0.4s; }
          @media (min-width: 768px) and (max-width: 991px) {
            #sidebar-clear .menu-section ul li > .submenu {
              background: #F2F5F8;
              border-top: 1px solid #D4DBE0;
              border-right: 1px solid #D4DBE0;
              position: absolute;
              display: block;
              visibility: hidden;
              opacity: 0;
              -moz-transform: translateX(-20px);
              -o-transform: translateX(-20px);
              -ms-transform: translateX(-20px);
              -webkit-transform: translateX(-20px);
              transform: translateX(-20px);
              border-radius: 0 4px 4px 0;
              min-width: 170px;
              top: 0px;
              left: 79px;
              padding-bottom: 0px;
              box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09);
              -webkit-transition: all 0.15s ease-in;
              -moz-transition: all 0.15s ease-in;
              -ms-transition: all 0.15s ease-in;
              -o-transition: all 0.15s ease-in;
              transition: all 0.15s ease-in; }
              #sidebar-clear .menu-section ul li > .submenu:hover {
                opacity: 1;
                -moz-transform: translateX(0px);
                -o-transform: translateX(0px);
                -ms-transform: translateX(0px);
                -webkit-transform: translateX(0px);
                transform: translateX(0px);
                visibility: visible; } }
          #sidebar-clear .menu-section ul li > .submenu.active {
            display: block; }
          #sidebar-clear .menu-section ul li > .submenu li a {
            padding-left: 54px; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-clear .menu-section ul li > .submenu li a {
                padding-left: 10px;
                text-align: left; } }
            #sidebar-clear .menu-section ul li > .submenu li a.active {
              border: 0;
              box-shadow: none; }
          #sidebar-clear .menu-section ul li > .submenu li > .submenu {
            display: none;
            position: relative;
            top: 10px;
            border-bottom: 0px;
            box-shadow: none;
            margin-bottom: 10px;
            -webkit-animation-duration: 0.4s;
            -moz-animation-duration: 0.4s;
            -o-animation-duration: 0.4s;
            animation-duration: 0.4s; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-clear .menu-section ul li > .submenu li > .submenu {
                display: block;
                position: absolute;
                top: 0px;
                left: 170px; } }
            #sidebar-clear .menu-section ul li > .submenu li > .submenu.active {
              display: block; }
            #sidebar-clear .menu-section ul li > .submenu li > .submenu li a {
              padding-left: 75px; }
              @media (min-width: 768px) and (max-width: 991px) {
                #sidebar-clear .menu-section ul li > .submenu li > .submenu li a {
                  padding-left: 10px; } }
  #sidebar-clear .bottom-menu {
    position: fixed;
    bottom: 0;
    width: 230px;
    z-index: 999; }
    #sidebar-clear .bottom-menu > ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      #sidebar-clear .bottom-menu > ul > li {
        float: left;
        display: block;
        width: 33.333%;
        border-right: 1px solid #D1DFEC;
        border-top: 1px solid #D1DFEC; }
        #sidebar-clear .bottom-menu > ul > li:last-child {
          /*border-right: 0;*/ }
        #sidebar-clear .bottom-menu > ul > li > a {
          display: block;
          position: relative;
          text-align: center;
          padding: 6px 0;
          background: #E8EFF6; }
          #sidebar-clear .bottom-menu > ul > li > a:hover i {
            color: #333; }
          #sidebar-clear .bottom-menu > ul > li > a:hover + .menu {
            opacity: 1;
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1); }
          #sidebar-clear .bottom-menu > ul > li > a i {
            color: #677786;
            font-size: 19px;
            -webkit-transition: all 0.1s linear;
            -moz-transition: all 0.1s linear;
            -ms-transition: all 0.1s linear;
            -o-transition: all 0.1s linear;
            transition: all 0.1s linear; }
          #sidebar-clear .bottom-menu > ul > li > a .flag {
            width: 7px;
            height: 7px;
            display: block;
            position: absolute;
            background: #9ed166;
            border-radius: 25px;
            top: 4px;
            right: 25px; }
        #sidebar-clear .bottom-menu > ul > li .menu {
          position: absolute;
          left: 39px;
          bottom: 34px;
          background: #fff;
          width: 155px;
          z-index: 999;
          border-radius: 3px;
          padding: 7px 0;
          list-style-type: none;
          box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25);
          opacity: 0;
          -moz-transform: scale(0);
          -o-transform: scale(0);
          -ms-transform: scale(0);
          -webkit-transform: scale(0);
          transform: scale(0);
          -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -webkit-transform-origin: 50% 100%;
          -moz-transform-origin: 50% 100%;
          -o-transform-origin: 50% 100%;
          -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%; }
          #sidebar-clear .bottom-menu > ul > li .menu:hover {
            opacity: 1;
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1); }
          #sidebar-clear .bottom-menu > ul > li .menu:after {
            content: "";
            position: absolute;
            display: block;
            width: 37px;
            height: 12px;
            bottom: -12px;
            left: 49%;
            margin-left: -18.5px;
            background-image: url("../../images/popover-arrow.png");
            background-size: 100% 100%;
            -moz-transform: rotateX(180deg);
            -o-transform: rotateX(180deg);
            -ms-transform: rotateX(180deg);
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }
          #sidebar-clear .bottom-menu > ul > li .menu li {
            padding: 8px 0;
            border-bottom: 1px solid #E6E6E6;
            text-align: center; }
            #sidebar-clear .bottom-menu > ul > li .menu li:last-child {
              border-bottom: 0; }
            #sidebar-clear .bottom-menu > ul > li .menu li a {
              text-decoration: none;
              display: block;
              color: #54A0E2;
              font-weight: 600;
              -webkit-transition: all 0.2s linear;
              -moz-transition: all 0.2s linear;
              -ms-transition: all 0.2s linear;
              -o-transition: all 0.2s linear;
              transition: all 0.2s linear; }
              #sidebar-clear .bottom-menu > ul > li .menu li a:hover {
                color: #000; }

#sidebar-flat {
  background: #d8dfe6;
  border-right: 1px solid #b2c1d0;
  left: 0;
  top: 0;
  position: absolute;
  width: 230px;
  z-index: 999;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  @media (min-width: 768px) and (max-width: 991px) {
    #sidebar-flat {
      width: 80px; } }
  #sidebar-flat .current-user {
    position: relative;
    padding: 0 20px;
    margin-bottom: 20px;
    height: 63px; }
    #sidebar-flat .current-user .name {
      color: #444;
      font-size: 15px;
      text-decoration: none;
      padding: 10px 0;
      display: block;
      position: relative; }
      #sidebar-flat .current-user .name .avatar {
        max-width: 41px;
        border-radius: 50%;
        position: relative;
        top: 2px;
        margin-right: 12px; }
      #sidebar-flat .current-user .name span {
        position: relative;
        top: 5px; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-flat .current-user .name span {
            display: none; } }
        #sidebar-flat .current-user .name span .fa-chevron-down {
          font-size: 10px;
          margin-left: 7px;
          position: relative;
          top: -1px;
          color: #738597; }
    #sidebar-flat .current-user .menu {
      position: absolute;
      left: 35px;
      top: 60px;
      background: #fff;
      width: 165px;
      z-index: 999;
      border-radius: 3px;
      padding: 8px 0;
      list-style-type: none;
      box-shadow: 0 6px 13px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(0, 0, 0, 0.06);
      opacity: 0;
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -webkit-transform-origin: 50% 0;
      -moz-transform-origin: 50% 0;
      -o-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      transform-origin: 50% 0; }
      @media (min-width: 768px) and (max-width: 991px) {
        #sidebar-flat .current-user .menu {
          left: 80px;
          top: 10px;
          -webkit-transform-origin: 0 15px;
          -moz-transform-origin: 0 15px;
          -o-transform-origin: 0 15px;
          -ms-transform-origin: 0 15px;
          transform-origin: 0 15px; } }
      #sidebar-flat .current-user .menu.active {
        opacity: 1;
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      #sidebar-flat .current-user .menu:before {
        content: "";
        position: absolute;
        display: block;
        width: 37px;
        height: 12px;
        top: -12px;
        left: 49%;
        margin-left: -18.5px;
        background-image: url("../../images/popover-arrow.png");
        background-size: 100% 100%; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-flat .current-user .menu:before {
            top: 16px;
            left: -5px;
            -moz-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }
      #sidebar-flat .current-user .menu li {
        padding: 8px 15px;
        border-bottom: 1px solid #E6E6E6; }
        #sidebar-flat .current-user .menu li:last-child {
          border-bottom: 0; }
        #sidebar-flat .current-user .menu li a {
          text-decoration: none;
          display: block;
          color: #4C5661;
          font-size: 15px;
          -webkit-transition: all 0.2s linear;
          -moz-transition: all 0.2s linear;
          -ms-transition: all 0.2s linear;
          -o-transition: all 0.2s linear;
          transition: all 0.2s linear; }
          #sidebar-flat .current-user .menu li a:hover {
            color: #000; }
  #sidebar-flat .menu-section {
    margin-bottom: 40px; }
    #sidebar-flat .menu-section h3 {
      color: #7E8C9E;
      text-transform: uppercase;
      letter-spacing: .5px;
      font-weight: bold;
      font-size: 11px;
      margin-bottom: 0;
      margin-top: 0;
      padding-left: 25px; }
      @media (min-width: 768px) and (max-width: 991px) {
        #sidebar-flat .menu-section h3 {
          display: none; } }
    #sidebar-flat .menu-section ul {
      list-style-type: none;
      padding-left: 0;
      margin-bottom: 0;
      margin-top: 15px; }
      #sidebar-flat .menu-section ul li {
        margin: 3px 0; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-flat .menu-section ul li {
            margin-bottom: 7px;
            position: relative; } }
        #sidebar-flat .menu-section ul li a {
          color: #4B5F72;
          font-weight: 400;
          font-size: 14px;
          padding: 6px 10px;
          padding-left: 25px;
          background: transparent;
          text-decoration: none;
          display: inline-block;
          width: 99%;
          -webkit-transition: all 0.13s linear;
          -moz-transition: all 0.13s linear;
          -ms-transition: all 0.13s linear;
          -o-transition: all 0.13s linear;
          transition: all 0.13s linear; }
          @media (min-width: 768px) and (max-width: 991px) {
            #sidebar-flat .menu-section ul li a {
              position: relative;
              padding-left: 10px;
              text-align: center; }
              #sidebar-flat .menu-section ul li a:hover + .submenu {
                visibility: visible;
                opacity: 1;
                -moz-transform: translateX(0px);
                -o-transform: translateX(0px);
                -ms-transform: translateX(0px);
                -webkit-transform: translateX(0px);
                transform: translateX(0px); } }
          #sidebar-flat .menu-section ul li a.active, #sidebar-flat .menu-section ul li a:hover {
            color: #181C20; }
          #sidebar-flat .menu-section ul li a.active {
            font-weight: 600; }
          #sidebar-flat .menu-section ul li a.toggled {
            color: #181C20;
            background: #CBD4DD; }
          #sidebar-flat .menu-section ul li a i {
            font-size: 18px;
            margin-right: 9px;
            min-width: 17px;
            text-align: center;
            position: relative;
            top: 1px; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-flat .menu-section ul li a i {
                font-size: 23px;
                margin: 0; }
                #sidebar-flat .menu-section ul li a i.fa-chevron-down {
                  display: none; } }
            #sidebar-flat .menu-section ul li a i.ion-card, #sidebar-flat .menu-section ul li a i.ion-android-inbox {
              font-size: 18px; }
            #sidebar-flat .menu-section ul li a i.ion-code-working {
              font-size: 23px;
              top: 4px; }
            #sidebar-flat .menu-section ul li a i.ion-usb {
              font-size: 22px; }
            #sidebar-flat .menu-section ul li a i.fa-chevron-down {
              float: right;
              font-size: 10px;
              top: 7px;
              right: 4px;
              color: #738597; }
          @media (min-width: 768px) and (max-width: 991px) {
            #sidebar-flat .menu-section ul li a span {
              display: none; } }
          #sidebar-flat .menu-section ul li a .counter {
            display: inline-block;
            background: #99aaba;
            color: #fff;
            font-family: "Helvetica Neue", Arial;
            height: 20px;
            min-width: 25px;
            line-height: 19px;
            text-align: center;
            border-radius: 15px;
            font-size: 11px;
            font-weight: 600;
            float: right;
            position: relative;
            top: 2px;
            right: 9px; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-flat .menu-section ul li a .counter {
                display: none; } }
        #sidebar-flat .menu-section ul li > .submenu {
          display: none;
          position: relative;
          top: 10px;
          margin-top: 0;
          margin-bottom: 30px;
          padding-bottom: 15px;
          border-bottom: 1px solid #D4DBE0;
          box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09);
          -webkit-animation-duration: 0.4s;
          -moz-animation-duration: 0.4s;
          -o-animation-duration: 0.4s;
          animation-duration: 0.4s; }
          @media (min-width: 768px) and (max-width: 991px) {
            #sidebar-flat .menu-section ul li > .submenu {
              background: #d8dfe6;
              position: absolute;
              display: block;
              visibility: hidden;
              opacity: 0;
              -moz-transform: translateX(-20px);
              -o-transform: translateX(-20px);
              -ms-transform: translateX(-20px);
              -webkit-transform: translateX(-20px);
              transform: translateX(-20px);
              border-radius: 0 4px 4px 0;
              min-width: 170px;
              top: 0px;
              left: 79px;
              padding-bottom: 0px;
              box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09);
              -webkit-transition: all 0.15s ease-in;
              -moz-transition: all 0.15s ease-in;
              -ms-transition: all 0.15s ease-in;
              -o-transition: all 0.15s ease-in;
              transition: all 0.15s ease-in; }
              #sidebar-flat .menu-section ul li > .submenu:hover {
                opacity: 1;
                -moz-transform: translateX(0px);
                -o-transform: translateX(0px);
                -ms-transform: translateX(0px);
                -webkit-transform: translateX(0px);
                transform: translateX(0px);
                visibility: visible; } }
          #sidebar-flat .menu-section ul li > .submenu.active {
            display: block; }
          #sidebar-flat .menu-section ul li > .submenu li a {
            padding-left: 54px; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-flat .menu-section ul li > .submenu li a {
                padding-left: 10px;
                text-align: left;
                color: #3C4C5C; }
                #sidebar-flat .menu-section ul li > .submenu li a:hover {
                  color: #000; } }
            #sidebar-flat .menu-section ul li > .submenu li a.active {
              background: #CBD4DD;
              box-shadow: none; }
          #sidebar-flat .menu-section ul li > .submenu li > .submenu {
            display: none;
            position: relative;
            top: 10px;
            border-bottom: 0px;
            box-shadow: none;
            margin-bottom: 10px;
            -webkit-animation-duration: 0.4s;
            -moz-animation-duration: 0.4s;
            -o-animation-duration: 0.4s;
            animation-duration: 0.4s; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-flat .menu-section ul li > .submenu li > .submenu {
                display: block;
                position: absolute;
                top: 0px;
                left: 170px; } }
            #sidebar-flat .menu-section ul li > .submenu li > .submenu.active {
              display: block; }
            #sidebar-flat .menu-section ul li > .submenu li > .submenu li a {
              padding-left: 75px; }
              @media (min-width: 768px) and (max-width: 991px) {
                #sidebar-flat .menu-section ul li > .submenu li > .submenu li a {
                  padding-left: 10px; } }
  #sidebar-flat .bottom-menu {
    position: fixed;
    bottom: 0;
    width: 230px;
    z-index: 999; }
    #sidebar-flat .bottom-menu > ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      #sidebar-flat .bottom-menu > ul > li {
        float: left;
        display: block;
        width: 33.333%;
        border-right: 1px solid #C1CFDD;
        border-top: 1px solid #C1CFDD; }
        #sidebar-flat .bottom-menu > ul > li:last-child {
          /*border-right: 0;*/ }
        #sidebar-flat .bottom-menu > ul > li > a {
          display: block;
          position: relative;
          text-align: center;
          padding: 6px 0;
          background: #E5EBF1; }
          #sidebar-flat .bottom-menu > ul > li > a:hover i {
            color: #333; }
          #sidebar-flat .bottom-menu > ul > li > a:hover + .menu {
            opacity: 1;
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1); }
          #sidebar-flat .bottom-menu > ul > li > a i {
            color: #677786;
            font-size: 19px;
            -webkit-transition: all 0.1s linear;
            -moz-transition: all 0.1s linear;
            -ms-transition: all 0.1s linear;
            -o-transition: all 0.1s linear;
            transition: all 0.1s linear; }
          #sidebar-flat .bottom-menu > ul > li > a .flag {
            width: 7px;
            height: 7px;
            display: block;
            position: absolute;
            background: #9ed166;
            border-radius: 25px;
            top: 4px;
            right: 25px; }
        #sidebar-flat .bottom-menu > ul > li .menu {
          position: absolute;
          left: 39px;
          bottom: 34px;
          background: #fff;
          width: 155px;
          z-index: 999;
          border-radius: 3px;
          padding: 7px 0;
          list-style-type: none;
          box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25);
          opacity: 0;
          -moz-transform: scale(0);
          -o-transform: scale(0);
          -ms-transform: scale(0);
          -webkit-transform: scale(0);
          transform: scale(0);
          -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -webkit-transform-origin: 50% 100%;
          -moz-transform-origin: 50% 100%;
          -o-transform-origin: 50% 100%;
          -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%; }
          #sidebar-flat .bottom-menu > ul > li .menu:hover {
            opacity: 1;
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1); }
          #sidebar-flat .bottom-menu > ul > li .menu:after {
            content: "";
            position: absolute;
            display: block;
            width: 37px;
            height: 12px;
            bottom: -12px;
            left: 49%;
            margin-left: -18.5px;
            background-image: url("../../images/popover-arrow.png");
            background-size: 100% 100%;
            -moz-transform: rotateX(180deg);
            -o-transform: rotateX(180deg);
            -ms-transform: rotateX(180deg);
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }
          #sidebar-flat .bottom-menu > ul > li .menu li {
            padding: 8px 0;
            border-bottom: 1px solid #E6E6E6;
            text-align: center; }
            #sidebar-flat .bottom-menu > ul > li .menu li:last-child {
              border-bottom: 0; }
            #sidebar-flat .bottom-menu > ul > li .menu li a {
              text-decoration: none;
              display: block;
              color: #54A0E2;
              font-weight: 600;
              -webkit-transition: all 0.2s linear;
              -moz-transition: all 0.2s linear;
              -ms-transition: all 0.2s linear;
              -o-transition: all 0.2s linear;
              transition: all 0.2s linear; }
              #sidebar-flat .bottom-menu > ul > li .menu li a:hover {
                color: #000; }

#sidebar-flat-dark {
  background: #363e45;
  border-right: 1px solid #363e45;
  left: 0;
  top: 0;
  position: absolute;
  width: 230px;
  z-index: 999;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  @media (min-width: 768px) and (max-width: 991px) {
    #sidebar-flat-dark {
      width: 80px; } }
  #sidebar-flat-dark .current-user {
    position: relative;
    padding: 0 20px;
    margin-bottom: 20px;
    height: 63px; }
    #sidebar-flat-dark .current-user .name {
      color: #fff;
      font-size: 15px;
      text-decoration: none;
      padding: 10px 0;
      display: block;
      position: relative; }
      #sidebar-flat-dark .current-user .name .avatar {
        max-width: 41px;
        border-radius: 50%;
        position: relative;
        top: 2px;
        margin-right: 12px; }
      #sidebar-flat-dark .current-user .name span {
        position: relative;
        top: 5px; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-flat-dark .current-user .name span {
            display: none; } }
        #sidebar-flat-dark .current-user .name span .fa-chevron-down {
          font-size: 10px;
          margin-left: 7px;
          position: relative;
          top: -1px;
          color: #9BABBB; }
    #sidebar-flat-dark .current-user .menu {
      position: absolute;
      left: 35px;
      top: 60px;
      background: #fff;
      width: 165px;
      z-index: 999;
      border-radius: 3px;
      padding: 8px 0;
      list-style-type: none;
      box-shadow: 0 6px 13px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(0, 0, 0, 0.06);
      opacity: 0;
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -webkit-transform-origin: 50% 0;
      -moz-transform-origin: 50% 0;
      -o-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      transform-origin: 50% 0; }
      @media (min-width: 768px) and (max-width: 991px) {
        #sidebar-flat-dark .current-user .menu {
          left: 80px;
          top: 10px;
          -webkit-transform-origin: 0 15px;
          -moz-transform-origin: 0 15px;
          -o-transform-origin: 0 15px;
          -ms-transform-origin: 0 15px;
          transform-origin: 0 15px; } }
      #sidebar-flat-dark .current-user .menu.active {
        opacity: 1;
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      #sidebar-flat-dark .current-user .menu:before {
        content: "";
        position: absolute;
        display: block;
        width: 37px;
        height: 12px;
        top: -12px;
        left: 49%;
        margin-left: -18.5px;
        background-image: url("../../images/popover-arrow.png");
        background-size: 100% 100%; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-flat-dark .current-user .menu:before {
            top: 16px;
            left: -5px;
            -moz-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }
      #sidebar-flat-dark .current-user .menu li {
        padding: 8px 15px;
        border-bottom: 1px solid #E6E6E6; }
        #sidebar-flat-dark .current-user .menu li:last-child {
          border-bottom: 0; }
        #sidebar-flat-dark .current-user .menu li a {
          text-decoration: none;
          display: block;
          color: #4C5661;
          font-size: 15px;
          -webkit-transition: all 0.2s linear;
          -moz-transition: all 0.2s linear;
          -ms-transition: all 0.2s linear;
          -o-transition: all 0.2s linear;
          transition: all 0.2s linear; }
          #sidebar-flat-dark .current-user .menu li a:hover {
            color: #000; }
  #sidebar-flat-dark .menu-section {
    margin-bottom: 40px; }
    #sidebar-flat-dark .menu-section h3 {
      color: #A6AFBB;
      text-transform: uppercase;
      letter-spacing: .5px;
      font-weight: bold;
      font-size: 11px;
      margin-bottom: 0;
      margin-top: 0;
      padding-left: 25px; }
      @media (min-width: 768px) and (max-width: 991px) {
        #sidebar-flat-dark .menu-section h3 {
          display: none; } }
    #sidebar-flat-dark .menu-section ul {
      list-style-type: none;
      padding-left: 0;
      margin-bottom: 0;
      margin-top: 15px; }
      #sidebar-flat-dark .menu-section ul li {
        margin: 3px 0; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-flat-dark .menu-section ul li {
            margin-bottom: 7px;
            position: relative; } }
        #sidebar-flat-dark .menu-section ul li a {
          color: #C1D0DF;
          font-weight: 400;
          font-size: 14px;
          padding: 6px 10px;
          padding-left: 25px;
          background: transparent;
          text-decoration: none;
          display: inline-block;
          width: 99%;
          -webkit-transition: all 0.13s linear;
          -moz-transition: all 0.13s linear;
          -ms-transition: all 0.13s linear;
          -o-transition: all 0.13s linear;
          transition: all 0.13s linear; }
          @media (min-width: 768px) and (max-width: 991px) {
            #sidebar-flat-dark .menu-section ul li a {
              position: relative;
              padding-left: 10px;
              text-align: center; }
              #sidebar-flat-dark .menu-section ul li a:hover + .submenu {
                visibility: visible;
                opacity: 1;
                -moz-transform: translateX(0px);
                -o-transform: translateX(0px);
                -ms-transform: translateX(0px);
                -webkit-transform: translateX(0px);
                transform: translateX(0px); } }
          #sidebar-flat-dark .menu-section ul li a.active, #sidebar-flat-dark .menu-section ul li a:hover {
            color: #fff; }
          #sidebar-flat-dark .menu-section ul li a.active {
            font-weight: 600; }
          #sidebar-flat-dark .menu-section ul li a.toggled {
            background: #3F4852; }
          #sidebar-flat-dark .menu-section ul li a i {
            font-size: 18px;
            margin-right: 9px;
            min-width: 17px;
            text-align: center;
            position: relative;
            top: 1px; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-flat-dark .menu-section ul li a i {
                font-size: 23px;
                margin: 0; }
                #sidebar-flat-dark .menu-section ul li a i.fa-chevron-down {
                  display: none; } }
            #sidebar-flat-dark .menu-section ul li a i.ion-card, #sidebar-flat-dark .menu-section ul li a i.ion-android-inbox {
              font-size: 18px; }
            #sidebar-flat-dark .menu-section ul li a i.ion-code-working {
              font-size: 23px;
              top: 4px; }
            #sidebar-flat-dark .menu-section ul li a i.ion-usb {
              font-size: 22px; }
            #sidebar-flat-dark .menu-section ul li a i.fa-chevron-down {
              float: right;
              font-size: 10px;
              top: 7px;
              right: 4px;
              color: #9BABBB; }
          @media (min-width: 768px) and (max-width: 991px) {
            #sidebar-flat-dark .menu-section ul li a span {
              display: none; } }
          #sidebar-flat-dark .menu-section ul li a .counter {
            display: inline-block;
            background: #8796A5;
            color: #fff;
            font-family: "Helvetica Neue", Arial;
            height: 20px;
            min-width: 25px;
            line-height: 19px;
            text-align: center;
            border-radius: 15px;
            font-size: 11px;
            font-weight: 600;
            float: right;
            position: relative;
            top: 2px;
            right: 9px; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-flat-dark .menu-section ul li a .counter {
                display: none; } }
        #sidebar-flat-dark .menu-section ul li > .submenu {
          display: none;
          position: relative;
          top: 10px;
          margin-top: 0;
          margin-bottom: 30px;
          padding-bottom: 15px;
          border-bottom: 1px solid #454F57;
          -webkit-animation-duration: 0.4s;
          -moz-animation-duration: 0.4s;
          -o-animation-duration: 0.4s;
          animation-duration: 0.4s; }
          @media (min-width: 768px) and (max-width: 991px) {
            #sidebar-flat-dark .menu-section ul li > .submenu {
              background: #363e45;
              position: absolute;
              display: block;
              visibility: hidden;
              opacity: 0;
              -moz-transform: translateX(-20px);
              -o-transform: translateX(-20px);
              -ms-transform: translateX(-20px);
              -webkit-transform: translateX(-20px);
              transform: translateX(-20px);
              border-radius: 0 4px 4px 0;
              min-width: 170px;
              top: 0px;
              left: 79px;
              padding-bottom: 0px;
              box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09);
              -webkit-transition: all 0.15s ease-in;
              -moz-transition: all 0.15s ease-in;
              -ms-transition: all 0.15s ease-in;
              -o-transition: all 0.15s ease-in;
              transition: all 0.15s ease-in; }
              #sidebar-flat-dark .menu-section ul li > .submenu:hover {
                opacity: 1;
                -moz-transform: translateX(0px);
                -o-transform: translateX(0px);
                -ms-transform: translateX(0px);
                -webkit-transform: translateX(0px);
                transform: translateX(0px);
                visibility: visible; } }
          #sidebar-flat-dark .menu-section ul li > .submenu.active {
            display: block; }
          #sidebar-flat-dark .menu-section ul li > .submenu li a {
            padding-left: 54px; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-flat-dark .menu-section ul li > .submenu li a {
                padding-left: 10px;
                text-align: left; } }
            #sidebar-flat-dark .menu-section ul li > .submenu li a.active {
              background: #3F4852;
              box-shadow: none; }
          #sidebar-flat-dark .menu-section ul li > .submenu li > .submenu {
            display: none;
            position: relative;
            top: 10px;
            border-bottom: 0px;
            box-shadow: none;
            margin-bottom: 10px;
            -webkit-animation-duration: 0.4s;
            -moz-animation-duration: 0.4s;
            -o-animation-duration: 0.4s;
            animation-duration: 0.4s; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-flat-dark .menu-section ul li > .submenu li > .submenu {
                display: block;
                position: absolute;
                top: 0px;
                left: 170px; } }
            #sidebar-flat-dark .menu-section ul li > .submenu li > .submenu.active {
              display: block; }
            #sidebar-flat-dark .menu-section ul li > .submenu li > .submenu li a {
              padding-left: 75px; }
              @media (min-width: 768px) and (max-width: 991px) {
                #sidebar-flat-dark .menu-section ul li > .submenu li > .submenu li a {
                  padding-left: 10px; } }
  #sidebar-flat-dark .bottom-menu {
    position: fixed;
    bottom: 0;
    width: 230px;
    z-index: 999; }
    #sidebar-flat-dark .bottom-menu > ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      #sidebar-flat-dark .bottom-menu > ul > li {
        float: left;
        display: block;
        width: 33.333%;
        border-right: 1px solid #68747E;
        border-top: 1px solid #68747E; }
        #sidebar-flat-dark .bottom-menu > ul > li:last-child {
          border-right: 0; }
        #sidebar-flat-dark .bottom-menu > ul > li > a {
          display: block;
          position: relative;
          text-align: center;
          padding: 6px 0;
          background: #4E5861; }
          #sidebar-flat-dark .bottom-menu > ul > li > a:hover + .menu {
            opacity: 1;
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1); }
          #sidebar-flat-dark .bottom-menu > ul > li > a i {
            color: #C4D1DF;
            font-size: 19px;
            -webkit-transition: all 0.1s linear;
            -moz-transition: all 0.1s linear;
            -ms-transition: all 0.1s linear;
            -o-transition: all 0.1s linear;
            transition: all 0.1s linear; }
          #sidebar-flat-dark .bottom-menu > ul > li > a .flag {
            width: 7px;
            height: 7px;
            display: block;
            position: absolute;
            background: #9ed166;
            border-radius: 25px;
            top: 4px;
            right: 25px; }
        #sidebar-flat-dark .bottom-menu > ul > li .menu {
          position: absolute;
          left: 39px;
          bottom: 34px;
          background: #fff;
          width: 155px;
          z-index: 999;
          border-radius: 3px;
          padding: 7px 0;
          list-style-type: none;
          box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25);
          opacity: 0;
          -moz-transform: scale(0);
          -o-transform: scale(0);
          -ms-transform: scale(0);
          -webkit-transform: scale(0);
          transform: scale(0);
          -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -webkit-transform-origin: 50% 100%;
          -moz-transform-origin: 50% 100%;
          -o-transform-origin: 50% 100%;
          -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%; }
          #sidebar-flat-dark .bottom-menu > ul > li .menu:hover {
            opacity: 1;
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1); }
          #sidebar-flat-dark .bottom-menu > ul > li .menu:after {
            content: "";
            position: absolute;
            display: block;
            width: 37px;
            height: 12px;
            bottom: -12px;
            left: 49%;
            margin-left: -18.5px;
            background-image: url("../../images/popover-arrow.png");
            background-size: 100% 100%;
            -moz-transform: rotateX(180deg);
            -o-transform: rotateX(180deg);
            -ms-transform: rotateX(180deg);
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }
          #sidebar-flat-dark .bottom-menu > ul > li .menu li {
            padding: 8px 0;
            border-bottom: 1px solid #E6E6E6;
            text-align: center; }
            #sidebar-flat-dark .bottom-menu > ul > li .menu li:last-child {
              border-bottom: 0; }
            #sidebar-flat-dark .bottom-menu > ul > li .menu li a {
              text-decoration: none;
              display: block;
              color: #54A0E2;
              font-weight: 600;
              -webkit-transition: all 0.2s linear;
              -moz-transition: all 0.2s linear;
              -ms-transition: all 0.2s linear;
              -o-transition: all 0.2s linear;
              transition: all 0.2s linear; }
              #sidebar-flat-dark .bottom-menu > ul > li .menu li a:hover {
                color: #000; }

#sidebar-default {
  background: #2a313a;
  border-right: 1px solid #3C434D;
  left: 0;
  top: 0;
  position: absolute;
  width: 230px;
  z-index: 999;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  @media (min-width: 768px) and (max-width: 991px) {
    #sidebar-default {
      width: 80px; } }
  #sidebar-default .current-user {
    position: relative;
    background: linear-gradient(#3d4a5d, #3f4c5c), #686e78;
    -webkit-box-shadow: inset rgba(255, 255, 255, 0.16) 0 1px 0;
    -moz-box-shadow: inset rgba(255, 255, 255, 0.16) 0 1px 0;
    color: #fff;
    padding: 0 20px;
    height: 63px;
    margin-bottom: 20px; }
    #sidebar-default .current-user .name {
      color: #F0F5FA;
      font-size: 15px;
      padding: 10px 0;
      display: block;
      text-decoration: none;
      position: relative;
      text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0; }
      #sidebar-default .current-user .name .avatar {
        max-width: 41px;
        border-radius: 50%;
        position: relative;
        top: 2px;
        margin-right: 12px; }
      #sidebar-default .current-user .name span {
        position: relative;
        top: 4px; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-default .current-user .name span {
            display: none; } }
        #sidebar-default .current-user .name span .fa-chevron-down {
          font-size: 10px;
          margin-left: 7px;
          position: relative;
          top: -2px; }
    #sidebar-default .current-user .menu {
      position: absolute;
      left: 35px;
      top: 60px;
      background: #fff;
      width: 165px;
      z-index: 999;
      border-radius: 3px;
      padding: 8px 0;
      list-style-type: none;
      box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.25);
      opacity: 0;
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -webkit-transform-origin: 50% 0;
      -moz-transform-origin: 50% 0;
      -o-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      transform-origin: 50% 0; }
      @media (min-width: 768px) and (max-width: 991px) {
        #sidebar-default .current-user .menu {
          left: 80px;
          top: 10px;
          -webkit-transform-origin: 0 15px;
          -moz-transform-origin: 0 15px;
          -o-transform-origin: 0 15px;
          -ms-transform-origin: 0 15px;
          transform-origin: 0 15px; } }
      #sidebar-default .current-user .menu.active {
        opacity: 1;
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      #sidebar-default .current-user .menu:before {
        content: "";
        position: absolute;
        display: block;
        width: 37px;
        height: 12px;
        top: -12px;
        left: 49%;
        margin-left: -18.5px;
        background-image: url("../../images/popover-arrow.png");
        background-size: 100% 100%; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-default .current-user .menu:before {
            top: 16px;
            left: -5px;
            -moz-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }
      #sidebar-default .current-user .menu li {
        padding: 8px 15px;
        border-bottom: 1px solid #E6E6E6; }
        #sidebar-default .current-user .menu li:last-child {
          border-bottom: 0; }
        #sidebar-default .current-user .menu li a {
          text-decoration: none;
          display: block;
          color: #4C5661;
          font-size: 15px;
          -webkit-transition: all 0.2s linear;
          -moz-transition: all 0.2s linear;
          -ms-transition: all 0.2s linear;
          -o-transition: all 0.2s linear;
          transition: all 0.2s linear; }
          #sidebar-default .current-user .menu li a:hover {
            color: #000; }
  #sidebar-default .menu-section {
    margin-bottom: 35px; }
    #sidebar-default .menu-section h3 {
      padding-left: 23px;
      color: #fff;
      text-transform: uppercase;
      letter-spacing: .5px;
      font-weight: bold;
      font-size: 11px;
      margin-bottom: 0;
      margin-top: 0;
      text-shadow: 1px 1px #000; }
      @media (min-width: 768px) and (max-width: 991px) {
        #sidebar-default .menu-section h3 {
          display: none; } }
    #sidebar-default .menu-section ul {
      list-style-type: none;
      padding-left: 0;
      margin-bottom: 0;
      margin-top: 15px; }
      #sidebar-default .menu-section ul li {
        margin: 3px 0; }
        @media (min-width: 768px) and (max-width: 991px) {
          #sidebar-default .menu-section ul li {
            margin-bottom: 7px;
            position: relative; } }
        #sidebar-default .menu-section ul li a {
          color: #ECF6FF;
          font-weight: 400;
          font-size: 14px;
          padding: 7px 10px 9px 10px;
          padding-left: 23px;
          background: transparent;
          text-decoration: none;
          display: inline-block;
          width: 100%;
          -webkit-transition: background 0.13s linear;
          -moz-transition: background 0.13s linear;
          -ms-transition: background 0.13s linear;
          -o-transition: background 0.13s linear;
          transition: background 0.13s linear; }
          @media (min-width: 768px) and (max-width: 991px) {
            #sidebar-default .menu-section ul li a {
              position: relative;
              padding-left: 10px;
              text-align: center; }
              #sidebar-default .menu-section ul li a:hover + .submenu {
                visibility: visible;
                opacity: 1;
                -moz-transform: translateX(0px);
                -o-transform: translateX(0px);
                -ms-transform: translateX(0px);
                -webkit-transform: translateX(0px);
                transform: translateX(0px); } }
          #sidebar-default .menu-section ul li a:hover, #sidebar-default .menu-section ul li a.toggled {
            background: #343E4E; }
          #sidebar-default .menu-section ul li a.active {
            background: #202E3F;
            text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
            background-color: #545E6F;
            background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5b6479), color-stop(100%, #4c5566)), #686e78;
            background: -webkit-linear-gradient(#5b6479, #4c5566), #686e78;
            background: -moz-linear-gradient(#5b6479, #4c5566), #686e78;
            background: -o-linear-gradient(#5b6479, #4c5566), #686e78;
            background: linear-gradient(#5b6479, #4c5566), #686e78;
            -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
            -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
            box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0; }
            #sidebar-default .menu-section ul li a.active i.fa-chevron-down {
              color: #ECF6FF; }
          #sidebar-default .menu-section ul li a i {
            font-size: 19px;
            margin-right: 9px;
            min-width: 17px;
            text-align: center;
            position: relative;
            top: 1px; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-default .menu-section ul li a i {
                font-size: 23px;
                margin: 0; }
                #sidebar-default .menu-section ul li a i.fa-chevron-down {
                  display: none; } }
            #sidebar-default .menu-section ul li a i.ion-card, #sidebar-default .menu-section ul li a i.ion-android-inbox {
              font-size: 18px; }
            #sidebar-default .menu-section ul li a i.ion-code-working {
              font-size: 23px;
              top: 4px; }
            #sidebar-default .menu-section ul li a i.ion-usb {
              font-size: 22px; }
            #sidebar-default .menu-section ul li a i.ion-earth {
              top: 2px; }
            #sidebar-default .menu-section ul li a i.fa-chevron-down {
              float: right;
              font-size: 10px;
              top: 7px;
              right: 7px;
              min-width: inherit;
              color: #C4CFDA; }
          @media (min-width: 768px) and (max-width: 991px) {
            #sidebar-default .menu-section ul li a span {
              display: none; } }
          #sidebar-default .menu-section ul li a .counter {
            display: inline-block;
            background: #479ccf;
            height: 19px;
            padding: 3px 8px;
            line-height: 1;
            text-align: center;
            border-radius: 20px;
            color: #fff;
            font-family: "Helvetica Neue", Arial;
            font-size: 11px;
            font-weight: 600;
            float: right;
            position: relative;
            top: 2px;
            right: 10px; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-default .menu-section ul li a .counter {
                display: none; } }
        #sidebar-default .menu-section ul li > .submenu {
          display: none;
          position: relative;
          top: 10px;
          margin-top: 0;
          margin-bottom: 30px;
          padding-bottom: 15px;
          border-bottom: 1px solid #000;
          box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09);
          -webkit-animation-duration: 0.4s;
          -moz-animation-duration: 0.4s;
          -o-animation-duration: 0.4s;
          animation-duration: 0.4s; }
          @media (min-width: 768px) and (max-width: 991px) {
            #sidebar-default .menu-section ul li > .submenu {
              background: #2a313a;
              position: absolute;
              display: block;
              visibility: hidden;
              opacity: 0;
              -moz-transform: translateX(-20px);
              -o-transform: translateX(-20px);
              -ms-transform: translateX(-20px);
              -webkit-transform: translateX(-20px);
              transform: translateX(-20px);
              border-radius: 0 4px 4px 0;
              min-width: 170px;
              top: 0px;
              left: 79px;
              padding-bottom: 0px;
              box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09);
              -webkit-transition: all 0.15s ease-in;
              -moz-transition: all 0.15s ease-in;
              -ms-transition: all 0.15s ease-in;
              -o-transition: all 0.15s ease-in;
              transition: all 0.15s ease-in; }
              #sidebar-default .menu-section ul li > .submenu:hover {
                opacity: 1;
                -moz-transform: translateX(0px);
                -o-transform: translateX(0px);
                -ms-transform: translateX(0px);
                -webkit-transform: translateX(0px);
                transform: translateX(0px);
                visibility: visible; } }
          #sidebar-default .menu-section ul li > .submenu.active {
            display: block; }
          #sidebar-default .menu-section ul li > .submenu li a {
            padding-left: 53px; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-default .menu-section ul li > .submenu li a {
                padding-left: 10px;
                text-align: left; } }
            #sidebar-default .menu-section ul li > .submenu li a.active {
              background: #343E4E;
              box-shadow: none; }
          #sidebar-default .menu-section ul li > .submenu li > .submenu {
            display: none;
            position: relative;
            top: 10px;
            border-bottom: 0px;
            box-shadow: none;
            margin-bottom: 10px;
            -webkit-animation-duration: 0.4s;
            -moz-animation-duration: 0.4s;
            -o-animation-duration: 0.4s;
            animation-duration: 0.4s; }
            @media (min-width: 768px) and (max-width: 991px) {
              #sidebar-default .menu-section ul li > .submenu li > .submenu {
                display: block;
                position: absolute;
                top: 0px;
                left: 170px; } }
            #sidebar-default .menu-section ul li > .submenu li > .submenu.active {
              display: block; }
            #sidebar-default .menu-section ul li > .submenu li > .submenu li a {
              padding-left: 75px; }
              @media (min-width: 768px) and (max-width: 991px) {
                #sidebar-default .menu-section ul li > .submenu li > .submenu li a {
                  padding-left: 10px; } }
  #sidebar-default .bottom-menu {
    position: fixed;
    bottom: 0;
    width: 230px;
    z-index: 999; }
    #sidebar-default .bottom-menu > ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      #sidebar-default .bottom-menu > ul > li {
        float: left;
        display: block;
        width: 33.333%;
        border-right: 1px solid #3E4E55;
        border-top: 1px solid #3E4E55; }
        #sidebar-default .bottom-menu > ul > li:last-child {
          border-right: 0; }
        #sidebar-default .bottom-menu > ul > li > a {
          display: block;
          position: relative;
          text-align: center;
          padding: 6px 0;
          background: #333D4B; }
          #sidebar-default .bottom-menu > ul > li > a:hover i {
            color: #89A2BB; }
          #sidebar-default .bottom-menu > ul > li > a:hover + .menu {
            opacity: 1;
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1); }
          #sidebar-default .bottom-menu > ul > li > a i {
            color: #CBD3DB;
            font-size: 19px;
            -webkit-transition: all 0.1s linear;
            -moz-transition: all 0.1s linear;
            -ms-transition: all 0.1s linear;
            -o-transition: all 0.1s linear;
            transition: all 0.1s linear; }
          #sidebar-default .bottom-menu > ul > li > a .flag {
            width: 7px;
            height: 7px;
            display: block;
            position: absolute;
            background: #9ed166;
            border-radius: 25px;
            top: 4px;
            right: 25px; }
        #sidebar-default .bottom-menu > ul > li .menu {
          position: absolute;
          left: 39px;
          bottom: 34px;
          background: #fff;
          width: 155px;
          z-index: 999;
          border-radius: 3px;
          padding: 7px 0;
          list-style-type: none;
          box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25);
          opacity: 0;
          -moz-transform: scale(0);
          -o-transform: scale(0);
          -ms-transform: scale(0);
          -webkit-transform: scale(0);
          transform: scale(0);
          -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
          -webkit-transform-origin: 50% 100%;
          -moz-transform-origin: 50% 100%;
          -o-transform-origin: 50% 100%;
          -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%; }
          #sidebar-default .bottom-menu > ul > li .menu:hover {
            opacity: 1;
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1); }
          #sidebar-default .bottom-menu > ul > li .menu:after {
            content: "";
            position: absolute;
            display: block;
            width: 37px;
            height: 12px;
            bottom: -12px;
            left: 49%;
            margin-left: -18.5px;
            background-image: url("../../images/popover-arrow.png");
            background-size: 100% 100%;
            -moz-transform: rotateX(180deg);
            -o-transform: rotateX(180deg);
            -ms-transform: rotateX(180deg);
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }
          #sidebar-default .bottom-menu > ul > li .menu li {
            padding: 8px 0;
            border-bottom: 1px solid #E6E6E6;
            text-align: center; }
            #sidebar-default .bottom-menu > ul > li .menu li:last-child {
              border-bottom: 0; }
            #sidebar-default .bottom-menu > ul > li .menu li a {
              text-decoration: none;
              display: block;
              color: #54A0E2;
              font-weight: 600;
              -webkit-transition: all 0.2s linear;
              -moz-transition: all 0.2s linear;
              -ms-transition: all 0.2s linear;
              -o-transition: all 0.2s linear;
              transition: all 0.2s linear; }
              #sidebar-default .bottom-menu > ul > li .menu li a:hover {
                color: #000; }

#content {
  background: #FFF;
  margin-left: 230px;
  padding: 40px;
  padding-top: 67px;
  position: relative;
  min-height: 900px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  @media (max-width: 991px) {
    #content {
      margin-left: 80px; } }
  @media (max-width: 767px) {
    #content {
      margin-left: 0px;
      z-index: 9999;
      padding-left: 20px;
      padding-right: 20px; } }
  #content .menubar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 63px;
    padding: 20px 40px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
    background: white;
    z-index: 99; }
    @media (max-width: 767px) {
      #content .menubar {
        padding: 20px; } }
    #content .menubar.relative {
      position: relative; }
    #content .menubar.fixed {
      position: fixed;
      padding-left: 230px; }
      @media (max-width: 991px) {
        #content .menubar.fixed {
          padding-left: 90px; } }
      @media (max-width: 767px) {
        #content .menubar.fixed {
          padding-left: 20px; } }
    #content .menubar.transparent {
      background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.85) 100%);
      background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.85) 100%);
      background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.85) 100%);
      background: linear-gradient(top, white 0%, rgba(255, 255, 255, 0.85) 100%); }
    #content .menubar .sidebar-toggler {
      float: left;
      padding: 10px;
      position: relative;
      top: -15px;
      left: -5px;
      margin-right: 10px;
      cursor: pointer; }
      #content .menubar .sidebar-toggler i {
        font-size: 37px; }
    #content .menubar .page-title {
      float: left;
      position: relative;
      font-size: 17px;
      line-height: 26px;
      color: #333; }
      @media (max-width: 767px) {
        #content .menubar .page-title {
          font-size: 15px; } }
      #content .menubar .page-title small {
        margin-left: 10px; }
    #content .menubar .btn.pull-right {
      position: relative;
      top: -5px;
      font-weight: bold;
      letter-spacing: .3px; }
  #content .content-wrapper {
    margin-top: 20px; }

/* pages */
#dashboard .menubar .period-select {
  float: right;
  min-width: 350px;
  position: relative;
  top: -3px; }
  #dashboard .menubar .period-select .input-group {
    width: 150px;
    float: left; }
    #dashboard .menubar .period-select .input-group .input-group-addon {
      background: #F0F4F8; }
    #dashboard .menubar .period-select .input-group i {
      font-size: 14px;
      color: #577FC7;
      position: relative;
      top: 1px; }
    #dashboard .menubar .period-select .input-group input[type="text"] {
      height: 31px;
      line-height: 18px;
      font-size: 14px;
      color: #777; }
  #dashboard .menubar .period-select p {
    position: relative;
    top: 4px;
    margin: 0 12px; }
#dashboard .metrics {
  margin-top: 30px;
  font-family: "Helvetica Neue", Arial;
  border: 1px solid #000;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
  background-color: #363e4a;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #303d4f), color-stop(100%, #435266)), #686e78;
  background: -webkit-linear-gradient(#303d4f, #435266), #686e78;
  background: -moz-linear-gradient(#303d4f, #435266), #686e78;
  background: -o-linear-gradient(#303d4f, #435266), #686e78;
  background: linear-gradient(#303d4f, #435266), #686e78;
  border-radius: 5px; }
  #dashboard .metrics .metric {
    float: left;
    width: 25%;
    padding: 23px 0;
    text-align: center;
    border-right: 1px solid #526075; }
    @media (max-width: 767px) {
      #dashboard .metrics .metric {
        width: 50%; } }
    #dashboard .metrics .metric .field {
      color: #f4f4f4;
      margin-bottom: 9px;
      display: inline-block;
      font-size: 14px; }
      @media (max-width: 991px) {
        #dashboard .metrics .metric .field {
          font-size: 14px; } }
    #dashboard .metrics .metric .data {
      display: block;
      color: #fff;
      font-size: 27px;
      text-shadow: 1px 1px #000; }
      @media (max-width: 991px) {
        #dashboard .metrics .metric .data {
          font-size: 21px; } }
#dashboard .chart {
  margin: 40px 0 70px;
  background: #fff;
  border: 1px solid #DFE3EB;
  padding: 25px 25px;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 #ededed; }
  #dashboard .chart h3 {
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 600;
    margin-top: 0px; }
    #dashboard .chart h3 .total {
      font-size: 14px;
      position: relative;
      top: 6px;
      left: -8px;
      color: #2D96BE; }
      #dashboard .chart h3 .total .change {
        display: inline-block;
        border-radius: 3px;
        padding: 2px 5px;
        margin-left: 7px;
        font-size: 13px; }
        #dashboard .chart h3 .total .change.up {
          color: #3fb83f; }
          #dashboard .chart h3 .total .change.up i {
            color: #3fb83f; }
        #dashboard .chart h3 .total .change.down {
          color: #CC4C4C; }
          #dashboard .chart h3 .total .change.down i {
            color: #CC4C4C; }
        #dashboard .chart h3 .total .change i {
          font-size: 11px;
          position: relative;
          top: -1px; }
  #dashboard .chart #visitors-chart {
    height: 230px;
    position: relative; }
#dashboard .charts-half {
  margin-top: 50px; }
  #dashboard .charts-half .chart {
    width: 48%;
    margin-top: 0; }
    @media (max-width: 991px) {
      #dashboard .charts-half .chart {
        width: 100%; } }
    #dashboard .charts-half .chart #payments-chart {
      height: 200px;
      position: relative; }
    #dashboard .charts-half .chart #signups-chart {
      height: 200px;
      position: relative; }
#dashboard .barchart {
  margin-bottom: 70px; }
  #dashboard .barchart h3 {
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 600;
    margin-top: 0; }
  #dashboard .barchart #bar-chart {
    height: 200px;
    width: 99%;
    padding-right: 10px !important; }
#dashboard .referrals {
  padding-left: 15px; }
  #dashboard .referrals h3 {
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 600;
    margin-top: 0; }
  #dashboard .referrals .referral span {
    color: #444; }
    #dashboard .referrals .referral span .data {
      font-weight: 600;
      margin-right: 5px;
      border-right: 1px solid #e0e0e0;
      padding-right: 7px; }
  #dashboard .referrals .referral .progress {
    margin-top: 5px;
    height: 4px;
    background: #f0f0f0;
    box-shadow: none; }
    #dashboard .referrals .referral .progress .progress-bar {
      background: #a5d15f; }

#users #content .sidebar-toggler {
  z-index: 9; }
#users #content .page-title {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 20px 30px;
  font-size: 16px;
  color: #7e7e7e;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .3px;
  border-right: 1px solid #E6E6E6; }
  @media (max-width: 767px) {
    #users #content .page-title {
      border-right: 0;
      padding-left: 50px; } }
#users #content form.search {
  position: relative;
  float: left;
  width: 260px;
  top: -2px;
  margin-left: 170px; }
  #users #content form.search .fa-search {
    position: absolute;
    color: #BBB;
    top: 7px;
    left: 11px;
    font-size: 16px; }
  #users #content form.search input[type="text"] {
    border: 0;
    padding: 6px 15px 6px 37px;
    border-radius: 3px;
    width: 100%; }
    #users #content form.search input[type="text"]::-webkit-input-placeholder {
      font-weight: normal;
      font-family: "Lato", "Helvetica Neue", Arial;
      color: #9B9B9B; }
    #users #content form.search input[type="text"]:-moz-placeholder {
      font-weight: normal;
      font-family: "Lato", "Helvetica Neue", Arial;
      color: #9B9B9B; }
    #users #content form.search input[type="text"]::-moz-placeholder {
      font-weight: normal;
      font-family: "Lato", "Helvetica Neue", Arial;
      color: #9B9B9B; }
    #users #content form.search input[type="text"]:-ms-input-placeholder {
      font-weight: normal;
      font-family: "Lato", "Helvetica Neue", Arial;
      color: #9B9B9B; }
  #users #content form.search input[type="submit"] {
    visibility: hidden;
    position: absolute; }
#users #content .content-wrapper .page-controls {
  margin-top: 30px; }
  #users #content .content-wrapper .page-controls .filters > label {
    font-size: 15px;
    margin-right: 20px; }
  #users #content .content-wrapper .page-controls .filters > a {
    margin-right: 35px;
    color: #666;
    padding-bottom: 2px;
    text-decoration: none;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear; }
    #users #content .content-wrapper .page-controls .filters > a:hover {
      color: #378FCA; }
    #users #content .content-wrapper .page-controls .filters > a.active {
      color: #378FCA;
      font-weight: 600;
      border-bottom: 1px solid #82BFE9; }
  #users #content .content-wrapper .page-controls .filters .show-options {
    float: right; }
    @media (max-width: 991px) {
      #users #content .content-wrapper .page-controls .filters .show-options {
        float: none;
        margin-top: 23px; } }
    #users #content .content-wrapper .page-controls .filters .show-options .dropdown {
      display: inline-block;
      position: relative;
      top: -7px;
      margin-right: 20px; }
      #users #content .content-wrapper .page-controls .filters .show-options .dropdown > a {
        text-decoration: none;
        height: 31px; }
        #users #content .content-wrapper .page-controls .filters .show-options .dropdown > a span {
          font-size: 13px;
          height: 29px;
          line-height: 29px; }
          #users #content .content-wrapper .page-controls .filters .show-options .dropdown > a span .fa-unsorted {
            font-size: 11px;
            margin-left: 6px; }
      #users #content .content-wrapper .page-controls .filters .show-options .dropdown .dropdown-menu {
        left: -40%;
        top: 115%; }
        #users #content .content-wrapper .page-controls .filters .show-options .dropdown .dropdown-menu:before {
          content: "";
          position: absolute;
          display: block;
          width: 37px;
          height: 12px;
          top: -12px;
          left: 50%;
          margin-left: -18.5px;
          background-image: url("../../images/popover-arrow.png");
          background-size: 100% 100%; }
    #users #content .content-wrapper .page-controls .filters .show-options .grid-view {
      position: relative;
      top: -4px;
      font-size: 18px;
      color: #bbb;
      text-decoration: none;
      margin-left: 14px; }
      #users #content .content-wrapper .page-controls .filters .show-options .grid-view.active {
        color: #111; }
#users #content .content-wrapper .users-list {
  margin-top: 35px;
  margin-bottom: 40px; }
  #users #content .content-wrapper .users-list .headers {
    padding-bottom: 10px;
    min-height: 35px; }
    #users #content .content-wrapper .users-list .headers .header.select-users.active {
      display: block !important; }
      #users #content .content-wrapper .users-list .headers .header.select-users.active .bulk-actions {
        display: block !important; }
    #users #content .content-wrapper .users-list .headers .header.select-users .bulk-actions {
      position: absolute;
      top: 0px;
      left: 75px;
      width: 300px;
      display: none; }
      #users #content .content-wrapper .users-list .headers .header.select-users .bulk-actions > a {
        text-decoration: none; }
        #users #content .content-wrapper .users-list .headers .header.select-users .bulk-actions > a .total-checked {
          padding-left: 10px; }
        #users #content .content-wrapper .users-list .headers .header.select-users .bulk-actions > a .fa-chevron-down {
          font-size: 10px;
          position: relative;
          top: -1px;
          margin-left: 5px; }
      #users #content .content-wrapper .users-list .headers .header.select-users .bulk-actions .dropdown-menu {
        top: 30px; }
        #users #content .content-wrapper .users-list .headers .header.select-users .bulk-actions .dropdown-menu:before {
          content: "";
          position: absolute;
          display: block;
          width: 37px;
          height: 12px;
          top: -12px;
          left: 50%;
          margin-left: -18.5px;
          background-image: url("../../images/popover-arrow.png");
          background-size: 100% 100%; }
    #users #content .content-wrapper .users-list .headers .header label {
      height: 100%;
      width: 100%;
      font-weight: 600;
      color: #333; }
      #users #content .content-wrapper .users-list .headers .header label a {
        display: block;
        font-weight: 600;
        color: #333;
        text-decoration: none;
        background: #fff;
        -webkit-transition: all 0.14s linear;
        -moz-transition: all 0.14s linear;
        -ms-transition: all 0.14s linear;
        -o-transition: all 0.14s linear;
        transition: all 0.14s linear; }
        #users #content .content-wrapper .users-list .headers .header label a:hover {
          background: #EFFAFF; }
  #users #content .content-wrapper .users-list .user {
    border-bottom: 1px solid #f0f0f0;
    padding: 8px 0; }
    @media (max-width: 991px) {
      #users #content .content-wrapper .users-list .user {
        padding: 13px 0; } }
    #users #content .content-wrapper .users-list .user:first-child {
      border-top: 1px solid #e0e0e0; }
    #users #content .content-wrapper .users-list .user:nth-child(2n) {
      background: #FAFAFC; }
    #users #content .content-wrapper .users-list .user .avatar input[type="checkbox"] {
      margin-right: 25px;
      cursor: pointer; }
    #users #content .content-wrapper .users-list .user .avatar img {
      border-radius: 50%;
      max-width: 45px; }
      @media (max-width: 991px) {
        #users #content .content-wrapper .users-list .user .avatar img {
          display: none; } }
    #users #content .content-wrapper .users-list .user .name {
      position: relative;
      top: 13px;
      color: #333;
      text-decoration: none; }
      @media (max-width: 991px) {
        #users #content .content-wrapper .users-list .user .name {
          top: 0; } }
      #users #content .content-wrapper .users-list .user .name:hover {
        text-decoration: underline; }
      #users #content .content-wrapper .users-list .user .name .label {
        margin-left: 6px;
        position: relative;
        display: inline-block;
        top: -1px;
        text-decoration: none !important; }
    #users #content .content-wrapper .users-list .user .email {
      position: relative;
      top: 13px;
      font-size: 13px; }
      @media (max-width: 991px) {
        #users #content .content-wrapper .users-list .user .email {
          top: 0; } }
    #users #content .content-wrapper .users-list .user .total-spent {
      position: relative;
      top: 13px; }
      @media (max-width: 991px) {
        #users #content .content-wrapper .users-list .user .total-spent {
          top: 0; } }
    #users #content .content-wrapper .users-list .user .created-at {
      position: relative;
      top: 13px;
      font-size: 13px;
      text-align: right; }
      @media (max-width: 991px) {
        #users #content .content-wrapper .users-list .user .created-at {
          top: 0; } }
  #users #content .content-wrapper .users-list .pager-wrapper {
    margin-top: 30px; }
    #users #content .content-wrapper .users-list .pager-wrapper .pager li > a,
    #users #content .content-wrapper .users-list .pager-wrapper .pager li > span {
      margin: 0 5px; }
#users #content .content-wrapper .users-grid {
  margin-top: 35px;
  margin-bottom: 40px;
  display: none; }
  #users #content .content-wrapper .users-grid .user {
    margin-bottom: 35px; }
    @media (max-width: 991px) {
      #users #content .content-wrapper .users-grid .user {
        min-height: 205px; } }
    #users #content .content-wrapper .users-grid .user img {
      border-radius: 5px;
      margin-bottom: 15px;
      border: 0; }
    #users #content .content-wrapper .users-grid .user .name {
      font-weight: 600; }
    #users #content .content-wrapper .users-grid .user .email {
      font-size: 13px;
      color: #555;
      margin-top: 4px; }
  #users #content .content-wrapper .users-grid .pager-wrapper {
    margin-top: 30px; }
    #users #content .content-wrapper .users-grid .pager-wrapper .pager li > a,
    #users #content .content-wrapper .users-grid .pager-wrapper .pager li > span {
      margin: 0 5px; }

#form #content form {
  margin-top: 35px; }
  #form #content form input[type="file"] {
    position: relative;
    top: 7px;
    height: 40px; }
  #form #content form .address {
    margin: 25px 0; }
    @media (max-width: 767px) {
      #form #content form .address .form-group .col-sm-3 {
        margin-bottom: 15px; } }
  #form #content form .form-control-feedback {
    color: #60B5EE;
    font-size: 19px; }
  #form #content form .form-actions {
    margin-top: 35px; }
    #form #content form .form-actions .btn {
      margin-right: 15px; }

#form-product {
  /* Description summernote plugin editor */ }
  #form-product form {
    margin-top: 35px;
    margin-bottom: 80px;
    /* rating plugin */
    /* datepicker input */
    /* colorpicker input */ }
    #form-product form input[type="file"] {
      position: relative;
      top: 7px;
      height: 40px; }
    #form-product form .fake-select-wrap {
      width: 250px;
      margin-bottom: 8px; }
    #form-product form .help {
      position: relative;
      top: -6px;
      left: 5px; }
      #form-product form .help .fa-question-circle {
        color: #959595; }
    #form-product form .well .pic {
      margin-bottom: 15px; }
      #form-product form .well .pic img {
        max-width: 300px; }
    #form-product form .well .remove-image {
      display: inline-block;
      margin-top: 15px; }
    #form-product form #raty {
      margin-top: 6px;
      margin-bottom: 8px; }
    #form-product form input.datepicker {
      display: inline-block;
      margin-right: 10px;
      width: 150px;
      color: #555;
      padding-left: 15px; }
    #form-product form div.minicolors {
      width: 250px;
      margin-bottom: 10px; }
    #form-product form .fa-calendar {
      color: #789BCE; }
    #form-product form .form-control-feedback {
      color: #60B5EE;
      font-size: 19px; }
    #form-product form .form-actions {
      margin-top: 55px; }
      #form-product form .form-actions .btn {
        margin-right: 15px; }
  #form-product .note-editor {
    border: 1px solid #ccc;
    border-radius: 4px; }
    #form-product .note-editor .note-toolbar {
      border-radius: 4px 4px 0 0;
      background: #FAFCFF;
      border-bottom: 1px solid #ccc; }
      #form-product .note-editor .note-toolbar .btn-default {
        box-shadow: none; }
    #form-product .note-editor .note-statusbar {
      border-radius: 0 0 4px 4px;
      background: #FAFCFF; }
      #form-product .note-editor .note-statusbar .note-resizebar {
        border-top: 1px solid #ccc; }
        #form-product .note-editor .note-statusbar .note-resizebar .note-icon-bar {
          width: 17px;
          border-top: 1px solid #C9C9C9; }

#invoice #content {
  padding: 40px 80px; }
  @media (max-width: 991px) {
    #invoice #content {
      padding: 40px; } }
  @media (max-width: 767px) {
    #invoice #content {
      padding: 20px; } }
  #invoice #content .menubar {
    padding: 20px 80px; }
    @media (max-width: 991px) {
      #invoice #content .menubar {
        padding: 20px 40px; } }
    @media (max-width: 767px) {
      #invoice #content .menubar {
        padding: 20px; } }
    #invoice #content .menubar .options a {
      margin-left: 25px;
      color: #96AEC4;
      text-decoration: none;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      @media (max-width: 767px) {
        #invoice #content .menubar .options a {
          position: relative;
          top: 4px;
          margin-left: 10px; }
          #invoice #content .menubar .options a i {
            display: none; } }
      #invoice #content .menubar .options a:hover {
        color: #344D63; }
      #invoice #content .menubar .options a i {
        margin-right: 3px; }
#invoice .page-title {
  padding-left: 10px; }
  #invoice .page-title strong {
    margin-left: 6px; }
#invoice .invoice-wrapper {
  background: #FFF;
  margin-top: 60px;
  padding: 0 10px;
  border-radius: 4px;
  margin-bottom: 40px;
  font-size: 15px; }
  #invoice .invoice-wrapper .intro {
    line-height: 25px;
    color: #444;
    position: relative; }
    #invoice .invoice-wrapper .intro .status {
      position: absolute;
      top: 0;
      right: 0;
      border: 2px solid #9bc970;
      padding: 1px 12px;
      border-radius: 4px;
      color: #6bad2c;
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 1.5px;
      font-size: 16px; }
  #invoice .invoice-wrapper .payment-info {
    margin-top: 25px;
    padding-top: 15px; }
    #invoice .invoice-wrapper .payment-info span {
      color: #7C8594; }
    #invoice .invoice-wrapper .payment-info strong {
      display: block;
      color: #444;
      margin-top: 3px; }
    @media (max-width: 767px) {
      #invoice .invoice-wrapper .payment-info .text-right {
        text-align: left;
        margin-top: 20px; } }
  #invoice .invoice-wrapper .payment-details {
    border-top: 2px solid #EBECEE;
    margin-top: 30px;
    padding-top: 20px;
    line-height: 22px; }
    #invoice .invoice-wrapper .payment-details span {
      color: #7C8594;
      display: block; }
    #invoice .invoice-wrapper .payment-details a {
      display: inline-block;
      margin-top: 5px; }
    @media (max-width: 767px) {
      #invoice .invoice-wrapper .payment-details .text-right {
        text-align: left;
        margin-top: 20px; } }
  #invoice .invoice-wrapper .line-items {
    margin-top: 40px; }
    #invoice .invoice-wrapper .line-items .headers {
      color: #7C8594;
      font-size: 14px;
      letter-spacing: .3px;
      border-bottom: 2px solid #EBECEE;
      padding-bottom: 4px; }
    #invoice .invoice-wrapper .line-items .items {
      margin-top: 8px;
      border-bottom: 2px solid #EBECEE;
      padding-bottom: 8px; }
      #invoice .invoice-wrapper .line-items .items .item {
        padding: 10px 0;
        color: #696969; }
        @media (max-width: 767px) {
          #invoice .invoice-wrapper .line-items .items .item {
            font-size: 13px; } }
        #invoice .invoice-wrapper .line-items .items .item .amount {
          letter-spacing: 0.1px;
          color: #84868A;
          font-size: 16px; }
          @media (max-width: 767px) {
            #invoice .invoice-wrapper .line-items .items .item .amount {
              font-size: 13px; } }
    #invoice .invoice-wrapper .line-items .total {
      margin-top: 30px; }
      #invoice .invoice-wrapper .line-items .total .extra-notes {
        float: left;
        width: 40%;
        text-align: left;
        color: #7A7A7A;
        line-height: 20px; }
        @media (max-width: 767px) {
          #invoice .invoice-wrapper .line-items .total .extra-notes {
            width: 100%;
            margin-bottom: 30px;
            float: none; } }
        #invoice .invoice-wrapper .line-items .total .extra-notes strong {
          display: block;
          margin-bottom: 5px;
          color: #454545; }
      #invoice .invoice-wrapper .line-items .total .field {
        margin-bottom: 7px;
        font-size: 14px;
        color: #555; }
        #invoice .invoice-wrapper .line-items .total .field.grand-total {
          margin-top: 10px;
          font-size: 17px;
          font-weight: 500; }
          #invoice .invoice-wrapper .line-items .total .field.grand-total span {
            color: #20A720;
            font-size: 22px;
            font-weight: 600; }
        #invoice .invoice-wrapper .line-items .total .field span {
          display: inline-block;
          margin-left: 20px;
          min-width: 85px;
          color: #84868A;
          font-size: 15px; }
    #invoice .invoice-wrapper .line-items .print {
      margin-top: 50px;
      text-align: center; }
      #invoice .invoice-wrapper .line-items .print a {
        display: inline-block;
        border: 1px solid #9CB5D6;
        padding: 13px 13px;
        border-radius: 5px;
        color: #708DC0;
        font-size: 14px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        #invoice .invoice-wrapper .line-items .print a:hover {
          text-decoration: none;
          border-color: #333;
          color: #333; }
        #invoice .invoice-wrapper .line-items .print a i {
          margin-right: 3px;
          font-size: 14px; }

#calendar {
  /* calendar-wrapper popup */ }
  #calendar .content-wrapper {
    position: relative; }
  #calendar #new-event-popup {
    position: absolute;
    background: #fff;
    text-align: left;
    width: 300px;
    border: 1px solid #CBD0D5;
    box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.13);
    border-radius: 4px;
    padding: 14px 20px 14px 20px;
    z-index: 999;
    left: 194px;
    top: 40px; }
    #calendar #new-event-popup h5 {
      text-transform: uppercase;
      font-weight: 600;
      margin: 0 0 21px 0;
      font-size: 14px;
      color: #7e91aa; }
    #calendar #new-event-popup .field {
      margin-bottom: 12px; }
      #calendar #new-event-popup .field .date {
        margin-left: 15px; }
      #calendar #new-event-popup .field .event-input {
        position: relative;
        margin-left: 10px;
        width: 75%;
        display: inline-block; }
    #calendar #new-event-popup input[type="submit"] {
      float: right;
      margin-right: 15px;
      margin-top: 7px;
      margin-bottom: 5px; }
    #calendar #new-event-popup i.fa-times {
      position: absolute;
      right: 11px;
      cursor: pointer;
      top: 12px;
      font-size: 13px;
      color: #5B7683;
      -webkit-transition: all 0.1s linear;
      -moz-transition: all 0.1s linear;
      -ms-transition: all 0.1s linear;
      -o-transition: all 0.1s linear;
      transition: all 0.1s linear; }
      #calendar #new-event-popup i.fa-times:hover {
        color: #92A6AF; }
    #calendar #new-event-popup .pointer {
      position: absolute;
      bottom: 0;
      left: 46%; }
      #calendar #new-event-popup .pointer .arrow,
      #calendar #new-event-popup .pointer .arrow_border {
        border-color: #fff transparent transparent transparent;
        border-width: 11px;
        border-style: solid;
        font-size: 0;
        left: 50%;
        line-height: 0;
        margin: 0 auto;
        position: absolute;
        top: 0;
        width: 0;
        z-index: 1002;
        left: 0;
        margin-left: 45%; }
      #calendar #new-event-popup .pointer .arrow_border {
        border-color: #BABDC0 transparent transparent transparent;
        border-width: 12px;
        margin-left: -1px;
        border-style: solid;
        z-index: 1001;
        top: 0px; }

#sidebar #wrapper {
  height: 100%; }
#sidebar .main-sidebar {
  overflow: hidden;
  height: 100% !important; }
  @media (min-width: 768px) and (max-width: 991px) {
    #sidebar .main-sidebar {
      overflow: visible;
      height: auto; } }
  #sidebar .main-sidebar .scroll-wrapper {
    left: 0;
    top: 0;
    bottom: 0;
    right: -30px;
    padding-right: 15px;
    position: absolute;
    overflow-y: scroll; }
    @media (min-width: 768px) and (max-width: 991px) {
      #sidebar .main-sidebar .scroll-wrapper {
        overflow-y: initial;
        right: auto;
        left: auto;
        padding: 0;
        position: relative; } }
#sidebar #content {
  padding: 0;
  position: relative;
  min-height: 100%; }
  #sidebar #content #app-sidebar {
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    width: 31%;
    z-index: 99;
    border-right: 1px solid #EBEEF1;
    overflow: hidden;
    background: #fff; }
    @media (max-width: 767px) {
      #sidebar #content #app-sidebar {
        width: 100%;
        z-index: 999; } }
    #sidebar #content #app-sidebar .scroll-wrapper {
      left: 0;
      top: 0;
      bottom: 0;
      right: -30px;
      padding-right: 15px;
      position: absolute;
      overflow-y: scroll; }
    #sidebar #content #app-sidebar .menubar {
      z-index: 99;
      width: 100%; }
      @media (max-width: 991px) {
        #sidebar #content #app-sidebar .menubar {
          padding-left: 20px; } }
      @media (max-width: 767px) {
        #sidebar #content #app-sidebar .menubar form {
          float: left;
          margin-left: 10px; } }
      #sidebar #content #app-sidebar .menubar form .fa-search {
        position: absolute;
        top: 24px;
        z-index: 10;
        color: #BBB;
        font-size: 16px; }
      #sidebar #content #app-sidebar .menubar form input {
        border: 0;
        padding: 0;
        padding-left: 25px;
        line-height: 17px;
        position: relative;
        top: -4px; }
      #sidebar #content #app-sidebar .menubar form input[type="submit"] {
        visibility: hidden;
        position: absolute; }
    #sidebar #content #app-sidebar .messages {
      margin-top: 20px; }
      #sidebar #content #app-sidebar .messages .message {
        padding: 15px;
        border-bottom: 1px solid #EBEEF1;
        position: relative;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        #sidebar #content #app-sidebar .messages .message.active, #sidebar #content #app-sidebar .messages .message:hover {
          background: #F7F9FD; }
        #sidebar #content #app-sidebar .messages .message .time {
          position: absolute;
          top: 13px;
          right: 18px;
          font-size: 12px;
          font-weight: 600;
          color: #809bca; }
        #sidebar #content #app-sidebar .messages .message .avatar {
          width: 23%; }
          @media (max-width: 991px) {
            #sidebar #content #app-sidebar .messages .message .avatar {
              display: none; } }
          #sidebar #content #app-sidebar .messages .message .avatar img {
            width: 50px;
            border-radius: 50%; }
        #sidebar #content #app-sidebar .messages .message .info {
          width: 76%;
          display: block;
          text-decoration: none;
          color: #444; }
          @media (max-width: 991px) {
            #sidebar #content #app-sidebar .messages .message .info {
              width: 95%; } }
          #sidebar #content #app-sidebar .messages .message .info .name {
            font-weight: 600;
            display: block; }
          #sidebar #content #app-sidebar .messages .message .info .subject {
            font-weight: 600;
            color: #7B8085;
            margin-top: 3px;
            display: block; }
          #sidebar #content #app-sidebar .messages .message .info .intro {
            font-size: 13px;
            line-height: 20px;
            margin-top: 7px;
            width: 80%;
            color: #707780;
            display: block; }
            @media (max-width: 991px) {
              #sidebar #content #app-sidebar .messages .message .info .intro {
                width: 90%; } }
    #sidebar #content #app-sidebar .paging {
      margin: 40px 0 50px;
      text-align: center; }
  #sidebar #content #app-message {
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    width: 69%;
    margin-left: 31%;
    overflow: hidden;
    background: #fff; }
    @media (max-width: 767px) {
      #sidebar #content #app-message {
        width: 100%;
        margin-left: 0;
        z-index: 99; } }
    #sidebar #content #app-message .scroll-wrapper {
      left: 0;
      top: 0;
      bottom: 0;
      right: -30px;
      padding-right: 15px;
      position: absolute;
      overflow-y: scroll; }
    #sidebar #content #app-message .menubar {
      z-index: 99;
      width: 100%; }
      @media (max-width: 767px) {
        #sidebar #content #app-message .menubar .page-title {
          font-size: 15px; } }
      #sidebar #content #app-message .menubar .paging {
        float: right; }
    #sidebar #content #app-message section {
      padding-bottom: 50px; }
      #sidebar #content #app-message section .message {
        padding: 0 40px;
        padding-bottom: 60px;
        border-bottom: 1px solid #EBEEF1; }
        @media (max-width: 767px) {
          #sidebar #content #app-message section .message {
            padding-left: 20px;
            padding-right: 20px; } }
        #sidebar #content #app-message section .message.collapsed {
          padding: 25px 40px;
          margin: 0;
          border-bottom: 1px solid #EBEEF1; }
          #sidebar #content #app-message section .message.collapsed a {
            text-decoration: none; }
            #sidebar #content #app-message section .message.collapsed a .sender {
              font-weight: 600;
              color: #333; }
            #sidebar #content #app-message section .message.collapsed a .receiver {
              margin-left: 10px;
              color: #8294A5; }
            #sidebar #content #app-message section .message.collapsed a .date {
              font-size: 12px;
              font-weight: 600;
              color: #868A91; }
        #sidebar #content #app-message section .message .header {
          margin-top: 30px;
          margin-bottom: 30px; }
          #sidebar #content #app-message section .message .header .subject {
            font-size: 24px;
            color: #454545; }
          #sidebar #content #app-message section .message .header .info {
            margin-top: 5px;
            font-size: 12px;
            color: #7B8FA5; }
            #sidebar #content #app-message section .message .header .info .avatar {
              max-width: 45px;
              border-radius: 50%;
              margin-right: 15px; }
            #sidebar #content #app-message section .message .header .info strong {
              font-weight: 600; }
            #sidebar #content #app-message section .message .header .info i {
              display: inline-block;
              margin: 0 3px; }
        #sidebar #content #app-message section .message .body {
          line-height: 22px;
          color: #484A4B; }
          #sidebar #content #app-message section .message .body p {
            margin-bottom: 20px; }
        #sidebar #content #app-message section .message .attachments {
          margin-top: 28px;
          padding-top: 18px;
          padding-bottom: 3px;
          border-top: 1px solid #EAEDF1;
          border-bottom: 1px solid #EAEDF1; }
          #sidebar #content #app-message section .message .attachments .attachment {
            margin-bottom: 15px; }
            #sidebar #content #app-message section .message .attachments .attachment a {
              text-decoration: none; }
              #sidebar #content #app-message section .message .attachments .attachment a .file-type {
                font-family: "Arial";
                display: inline-block;
                border-radius: 4px;
                font-size: 11px;
                font-weight: 600;
                padding: 3px 5px;
                min-width: 40px;
                text-align: center;
                text-transform: uppercase;
                position: relative;
                top: -1px;
                margin-right: 4px;
                color: #fff; }
                #sidebar #content #app-message section .message .attachments .attachment a .file-type.zip {
                  background: #000; }
                #sidebar #content #app-message section .message .attachments .attachment a .file-type.html {
                  background: #00bbb4; }
              #sidebar #content #app-message section .message .attachments .attachment a .name {
                font-size: 14px;
                color: #484A4B; }
                #sidebar #content #app-message section .message .attachments .attachment a .name .size {
                  font-size: 12px;
                  display: inline-block;
                  margin-left: 2px; }
        #sidebar #content #app-message section .message .reply {
          margin-top: 50px; }
          #sidebar #content #app-message section .message .reply textarea {
            margin-bottom: 25px; }

#datatables .content-wrapper {
  margin-top: 40px;
  padding-bottom: 40px; }
  #datatables .content-wrapper thead th {
    border-top: 1px solid #dee3ea;
    border-bottom: 1px solid #dee3ea;
    padding: 10px 18px 15px 15px; }
  #datatables .content-wrapper td {
    padding: 11px 15px; }
  #datatables .content-wrapper .dataTables_length {
    float: right;
    margin-bottom: 25px; }
    @media (max-width: 767px) {
      #datatables .content-wrapper .dataTables_length {
        float: none; } }
  #datatables .content-wrapper .dataTables_filter {
    float: left;
    text-align: left; }
    @media (max-width: 767px) {
      #datatables .content-wrapper .dataTables_filter {
        float: none;
        margin-bottom: 25px; } }
  #datatables .content-wrapper .dataTables_info {
    display: none; }
  #datatables .content-wrapper .dataTables_paginate {
    float: none;
    text-align: center;
    margin-top: 70px; }

#projects .project-list {
  margin-top: 20px; }
#projects .project {
  float: left;
  width: 30%;
  margin: 0 10px;
  margin-bottom: 25px;
  padding: 13px;
  border: 1px solid #E4EAF1;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  min-height: 227px;
  position: relative; }
  @media (max-width: 991px) {
    #projects .project {
      width: 43%; } }
  @media (max-width: 767px) {
    #projects .project {
      width: 94%; } }
  #projects .project.new {
    border: 2px dotted #BEDAF8;
    box-shadow: none; }
    #projects .project.new a {
      display: block;
      text-align: center;
      text-decoration: none; }
    #projects .project.new i {
      font-size: 60px;
      color: #C4DEF8;
      margin-top: 40px;
      display: block; }
    #projects .project.new .info {
      display: inline-block;
      font-size: 21px;
      color: #9AC0E7;
      padding-top: 10px; }
  #projects .project .info {
    padding: 20px 0 30px;
    text-align: center; }
    #projects .project .info .name {
      font-size: 20px;
      color: #8C5DAC;
      color: #5D93AC;
      font-weight: 600; }
    #projects .project .info .category {
      font-weight: 600;
      color: #444; }
    #projects .project .info .last-update {
      font-size: 13px;
      color: #8C939E;
      margin-top: 7px; }
  #projects .project .members {
    position: absolute;
    bottom: 13px;
    width: 91%; }
    #projects .project .members img {
      margin: 0 3px 4px 3px;
      max-width: 38px;
      border-radius: 50%; }
    #projects .project .members .add-more {
      display: inline-block;
      width: 20px;
      height: 20px;
      background: #22B92E;
      text-align: center;
      float: right;
      margin-top: 12px;
      color: #fff;
      border-radius: 3px;
      font-size: 10px;
      line-height: 22px;
      -webkit-transition: all 0.15s linear;
      -moz-transition: all 0.15s linear;
      -ms-transition: all 0.15s linear;
      -o-transition: all 0.15s linear;
      transition: all 0.15s linear; }
      #projects .project .members .add-more:hover {
        background: #8BDBA1; }
    #projects .project .members .menu {
      position: absolute;
      right: -70px;
      bottom: 26px;
      background: #fff;
      width: 155px;
      z-index: 999;
      border-radius: 3px;
      padding: 7px 0;
      list-style-type: none;
      box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.35);
      opacity: 0;
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
      -webkit-transform-origin: 50% 100%;
      -moz-transform-origin: 50% 100%;
      -o-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
      transform-origin: 50% 100%; }
      #projects .project .members .menu.active {
        opacity: 1;
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      #projects .project .members .menu:hover {
        opacity: 1;
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      #projects .project .members .menu:after {
        content: "";
        position: absolute;
        display: block;
        width: 37px;
        height: 12px;
        bottom: -12px;
        left: 49%;
        margin-left: -18.5px;
        background-image: url("../../images/popover-arrow.png");
        background-size: 100% 100%;
        -moz-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg); }
      #projects .project .members .menu li {
        padding: 8px 0;
        border-bottom: 1px solid #E6E6E6;
        text-align: center; }
        #projects .project .members .menu li:last-child {
          border-bottom: 0; }
        #projects .project .members .menu li a {
          text-decoration: none;
          display: block;
          font-weight: 600;
          color: #54A0E2;
          -webkit-transition: all 0.2s linear;
          -moz-transition: all 0.2s linear;
          -ms-transition: all 0.2s linear;
          -o-transition: all 0.2s linear;
          transition: all 0.2s linear; }
          #projects .project .members .menu li a:hover {
            color: #333; }

#reports .menubar .options a {
  margin-left: 25px;
  color: #96AEC4;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  @media (max-width: 767px) {
    #reports .menubar .options a {
      position: relative;
      top: 4px; } }
  #reports .menubar .options a:hover {
    color: #344D63; }
  #reports .menubar .options a i {
    margin-right: 3px; }
    @media (max-width: 767px) {
      #reports .menubar .options a i {
        display: none; } }
#reports .stats {
  margin: 0 -40px;
  margin-top: -24px;
  padding: 26px 40px 29px;
  background: #FAFBFD;
  border-top: 3px solid #ADBDD5;
  border-bottom: 1px solid #E2E4F5; }
  @media (max-width: 767px) {
    #reports .stats {
      margin-left: -20px;
      margin-right: -20px;
      padding-bottom: 15px; } }
  #reports .stats .stat {
    float: left;
    width: 25%; }
    @media (max-width: 767px) {
      #reports .stats .stat {
        width: 50%;
        margin-bottom: 20px; } }
    #reports .stats .stat label {
      font-weight: normal;
      color: #939cbe; }
    #reports .stats .stat .value {
      font-size: 21px;
      font-weight: 600;
      color: #454545;
      text-shadow: 1px 1px #fff; }
      #reports .stats .stat .value .change {
        display: inline-block;
        margin-left: 10px;
        font-size: 13px; }
        #reports .stats .stat .value .change.up {
          color: #48b43f; }
        #reports .stats .stat .value .change.down {
          color: #dd5e5e; }
        #reports .stats .stat .value .change i {
          font-size: 16px;
          position: relative;
          top: 1px; }
#reports .chart {
  margin-top: 35px; }
  #reports .chart h3 {
    font-size: 19px; }
    #reports .chart h3 .btn-group .btn {
      border-color: #B7D5F5;
      background: #fff;
      color: #555F8A; }
      #reports .chart h3 .btn-group .btn.active {
        background: #F9FBFF;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.125); }
  #reports .chart #sales-chart {
    height: 230px;
    margin-top: 30px; }
#reports .dataTables_wrapper {
  margin: 80px -40px; }
  @media (max-width: 767px) {
    #reports .dataTables_wrapper {
      margin: 80px -20px; } }
  #reports .dataTables_wrapper thead th {
    border-top: 1px solid #D4DBE4;
    border-bottom: 1px solid #dee3ea;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.79);
    padding: 10px 18px 12px 20px;
    text-shadow: 1px 1px #fff;
    background: linear-gradient(#f7f8fc, #f8f9fc);
    position: relative;
    color: #444; }
    #reports .dataTables_wrapper thead th:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 1px;
      left: 0;
      bottom: -1px;
      box-shadow: 0 1px 1px rgba(66, 85, 124, 0.14); }
  #reports .dataTables_wrapper td {
    padding: 11px 20px; }
  #reports .dataTables_wrapper .dataTables_filter,
  #reports .dataTables_wrapper .dataTables_length,
  #reports .dataTables_wrapper .dataTables_paginate,
  #reports .dataTables_wrapper .dataTables_info {
    display: none; }

#reports-alt .menubar .options a {
  position: relative;
  top: 2px;
  margin-left: 20px;
  color: #96AEC4;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  @media (max-width: 767px) {
    #reports-alt .menubar .options a {
      margin-left: 10px; } }
  #reports-alt .menubar .options a:hover {
    color: #344D63; }
  #reports-alt .menubar .options a i {
    margin-right: 3px; }
#reports-alt .menubar .date-range {
  margin-right: 20px; }
  #reports-alt .menubar .date-range .input-group {
    width: 200px;
    position: relative;
    top: -3px; }
    #reports-alt .menubar .date-range .input-group .input-group-addon {
      background: #F0F4F8; }
    #reports-alt .menubar .date-range .input-group i {
      font-size: 14px;
      color: #577FC7;
      position: relative;
      top: 1px; }
    #reports-alt .menubar .date-range .input-group input[type="text"] {
      height: 31px;
      line-height: 18px;
      font-size: 14px;
      color: #777; }
#reports-alt .daterangepicker_start_input,
#reports-alt .daterangepicker_end_input {
  display: none; }
#reports-alt .chart {
  position: relative;
  top: -24px;
  padding-top: 30px;
  margin: 0 -40px;
  padding: 30px 30px 0px;
  background: #fafafa;
  border-bottom: 1px solid #ccc; }
  @media (max-width: 767px) {
    #reports-alt .chart {
      margin: 0 -20px; } }
  #reports-alt .chart .bar-chart-wrapper {
    overflow: hidden; }
    #reports-alt .chart .bar-chart-wrapper #bar-chart {
      height: 240px;
      padding: 0px;
      position: relative;
      top: 26px; }
  #reports-alt .chart label.yaxis {
    text-align: center;
    text-transform: uppercase;
    color: #969696;
    display: block;
    margin-top: 12px;
    position: absolute;
    left: 0;
    right: 0;
    font-weight: 600;
    font-size: 13px; }
#reports-alt .filters {
  margin-top: 40px; }
  #reports-alt .filters .btn {
    background: #FAFDFF;
    color: #4C89B6; }
    #reports-alt .filters .btn .caret {
      margin-left: 5px; }
#reports-alt .data {
  margin-top: 20px;
  margin-bottom: 50px; }
  #reports-alt .data thead th {
    border-top: 1px solid #dee3ea;
    border-bottom: 1px solid #dee3ea;
    padding: 10px 18px 15px 15px; }
  #reports-alt .data td {
    padding: 11px 15px; }
  #reports-alt .data .dataTables_length {
    display: none; }
  #reports-alt .data .dataTables_filter {
    display: none; }
  #reports-alt .data .dataTables_info {
    display: none; }
  #reports-alt .data .dataTables_paginate {
    float: none;
    text-align: center;
    margin-top: 70px; }

#pricing #content {
  min-height: 850px; }
#pricing .pricing-wizard h4 {
  margin-top: 40px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-align: center;
  font-size: 21px;
  color: #59646F; }
#pricing .pricing-wizard .steps {
  width: 660px;
  margin: 0 auto;
  margin-top: 55px;
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 15px; }
  #pricing .pricing-wizard .steps .step {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: #ABBBC7;
    position: relative;
    padding-left: 50px;
    margin-right: 40px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    #pricing .pricing-wizard .steps .step.active {
      color: #5A6A81; }
      #pricing .pricing-wizard .steps .step.active:after {
        content: '';
        height: 2px;
        width: 100%;
        background: #5D8DB9;
        position: absolute;
        top: 35px;
        left: 25px; }
#pricing .pricing-wizard .step-panel {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  @media (max-width: 767px) {
    #pricing .pricing-wizard .step-panel {
      position: relative;
      display: none; }
      #pricing .pricing-wizard .step-panel.active {
        display: block; } }
  #pricing .pricing-wizard .step-panel.active {
    opacity: 1;
    z-index: 2; }
#pricing .pricing-wizard .choose-plan {
  max-width: 640px;
  margin: 0 auto;
  margin-top: 40px; }
  #pricing .pricing-wizard .choose-plan .instructions {
    color: #444;
    padding-bottom: 20px;
    padding-left: 10px; }
    #pricing .pricing-wizard .choose-plan .instructions strong {
      font-size: 15px;
      color: #555; }
    #pricing .pricing-wizard .choose-plan .instructions span {
      font-weight: 600;
      display: block;
      margin-top: 30px;
      color: #929191;
      border-bottom: 1px solid #E6E6E6;
      padding-bottom: 15px; }
  #pricing .pricing-wizard .choose-plan .plans .plan {
    margin-top: 5px;
    position: relative;
    padding: 12px 0;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear; }
    @media (max-width: 767px) {
      #pricing .pricing-wizard .choose-plan .plans .plan {
        padding: 12px 8px; } }
    #pricing .pricing-wizard .choose-plan .plans .plan.selected .select .fa-check {
      display: inline-block; }
    #pricing .pricing-wizard .choose-plan .plans .plan.selected, #pricing .pricing-wizard .choose-plan .plans .plan:hover {
      background: #ebf2fb; }
      #pricing .pricing-wizard .choose-plan .plans .plan.selected .price, #pricing .pricing-wizard .choose-plan .plans .plan:hover .price {
        color: #458EDB; }
      #pricing .pricing-wizard .choose-plan .plans .plan.selected .info .details, #pricing .pricing-wizard .choose-plan .plans .plan:hover .info .details {
        color: #73ACE9; }
      #pricing .pricing-wizard .choose-plan .plans .plan.selected .select, #pricing .pricing-wizard .choose-plan .plans .plan:hover .select {
        border: 2px solid #8FC4FD; }
    #pricing .pricing-wizard .choose-plan .plans .plan .price {
      float: left;
      width: 115px;
      padding-left: 10px;
      font-size: 20px;
      position: relative;
      top: 4px;
      color: #81838A; }
      @media (max-width: 767px) {
        #pricing .pricing-wizard .choose-plan .plans .plan .price {
          font-size: 17px;
          float: none;
          padding-left: 0;
          top: 0;
          margin-bottom: 5px; } }
    #pricing .pricing-wizard .choose-plan .plans .plan .info {
      float: left;
      width: 260px; }
      #pricing .pricing-wizard .choose-plan .plans .plan .info .name {
        font-size: 17px;
        font-weight: 600;
        color: #3e95f1; }
      #pricing .pricing-wizard .choose-plan .plans .plan .info .details {
        color: #888; }
    #pricing .pricing-wizard .choose-plan .plans .plan .select {
      position: absolute;
      right: 10px;
      top: 18px;
      width: 27px;
      height: 27px;
      border-radius: 25px;
      border: 2px solid #ccc; }
      #pricing .pricing-wizard .choose-plan .plans .plan .select .fa-check {
        position: relative;
        top: 2px;
        left: 4px;
        color: #057DFF;
        display: none; }
  #pricing .pricing-wizard .choose-plan .plans .action {
    text-align: right;
    margin-top: 40px; }
    @media (max-width: 767px) {
      #pricing .pricing-wizard .choose-plan .plans .action {
        text-align: center; } }
    #pricing .pricing-wizard .choose-plan .plans .action .btn {
      font-size: 17px; }
      #pricing .pricing-wizard .choose-plan .plans .action .btn i {
        font-size: 13px;
        margin-left: 7px; }
#pricing .pricing-wizard .billing {
  max-width: 640px;
  margin: 0 auto;
  margin-top: 40px; }
  #pricing .pricing-wizard .billing .secure {
    margin-bottom: 20px; }
    #pricing .pricing-wizard .billing .secure .lock {
      font-weight: 600;
      color: #666; }
      #pricing .pricing-wizard .billing .secure .lock .fa-lock {
        color: #ccc;
        font-size: 17px;
        margin-right: 7px;
        position: relative;
        top: 1px; }
  #pricing .pricing-wizard .billing #billing-form .control-label {
    text-align: left; }
  #pricing .pricing-wizard .billing #billing-form .instructions {
    margin-top: 40px; }
    #pricing .pricing-wizard .billing #billing-form .instructions strong {
      font-size: 15px;
      color: #454545; }
  @media (max-width: 767px) {
    #pricing .pricing-wizard .billing #billing-form .mobile-margin-bottom {
      margin-bottom: 15px; } }
  #pricing .pricing-wizard .billing #billing-form .action {
    margin-top: 40px; }
    #pricing .pricing-wizard .billing #billing-form .action .btn {
      font-size: 16px;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      #pricing .pricing-wizard .billing #billing-form .action .btn i.fa-chevron-right {
        font-size: 13px;
        margin-left: 7px; }
      #pricing .pricing-wizard .billing #billing-form .action .btn i.fa-chevron-left {
        font-size: 13px;
        margin-right: 7px;
        color: #777; }

#pricing-alt #content {
  padding: 40px; }
  #pricing-alt #content .content-wrapper {
    margin-top: 0; }
#pricing-alt .sidebar-toggler {
  position: absolute;
  font-size: 37px;
  padding: 12px;
  top: 0;
  left: 8px;
  cursor: pointer; }
#pricing-alt #first-option {
  margin-bottom: 100px; }
  #pricing-alt #first-option .header {
    text-align: center; }
    #pricing-alt #first-option .header h3 {
      font-size: 24px;
      color: #444;
      line-height: 25px;
      font-weight: 500;
      margin-bottom: 7px; }
    #pricing-alt #first-option .header p {
      font-size: 16px;
      font-weight: 400;
      color: #888; }
  #pricing-alt #first-option .charts {
    margin-top: 45px; }
    #pricing-alt #first-option .charts .chart {
      background-color: #fff;
      border: 1px solid #D8D8D8;
      border-radius: 5px;
      box-shadow: 0px 0px 2px 0px rgba(181, 181, 181, 0.3);
      padding: 20px 40px 30px;
      position: relative;
      text-align: center;
      width: 97%;
      min-height: 315px;
      position: relative;
      top: 18px; }
      @media (min-width: 992px) {
        #pricing-alt #first-option .charts .chart.first {
          float: right;
          left: 45px; }
        #pricing-alt #first-option .charts .chart.last {
          left: -45px; } }
      @media (max-width: 991px) {
        #pricing-alt #first-option .charts .chart {
          float: none !important;
          left: 0px !important;
          top: 0px !important;
          margin: 0 auto;
          width: 55%;
          margin-bottom: 25px !important; }
          #pricing-alt #first-option .charts .chart.last {
            margin-bottom: 0px !important; } }
      @media (max-width: 600px) {
        #pricing-alt #first-option .charts .chart {
          width: 90% !important; } }
      #pricing-alt #first-option .charts .chart.featured {
        z-index: 999;
        border-color: #C3DCEB;
        box-shadow: 0 0 13px -2px #B4DAF1; }
        @media (min-width: 992px) {
          #pricing-alt #first-option .charts .chart.featured {
            margin: 0 auto;
            top: 5px;
            min-height: 450px; } }
        #pricing-alt #first-option .charts .chart.featured .popular {
          position: absolute;
          top: 0px;
          left: 0px; }
        #pricing-alt #first-option .charts .chart.featured .quantity {
          margin-top: 15px;
          padding-bottom: 5px; }
        #pricing-alt #first-option .charts .chart.featured .button {
          margin-top: 22px; }
      #pricing-alt #first-option .charts .chart .plan-name {
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        color: #444;
        width: 90%;
        margin: 0 auto;
        margin-top: 5px; }
      #pricing-alt #first-option .charts .chart .quantity {
        text-align: center;
        border-bottom: 1px solid #d5d5d5;
        margin-top: 10px; }
        #pricing-alt #first-option .charts .chart .quantity .dollar {
          font-size: 19px;
          position: relative;
          top: -18px; }
        #pricing-alt #first-option .charts .chart .quantity .price {
          font-size: 49px; }
        #pricing-alt #first-option .charts .chart .quantity .period {
          font-size: 17px;
          position: relative;
          top: -8px;
          margin-left: 4px; }
      #pricing-alt #first-option .charts .chart .specs {
        margin-top: 20px; }
        #pricing-alt #first-option .charts .chart .specs .spec {
          font-size: 15px;
          color: #5D636D;
          text-align: center;
          margin-bottom: 15px; }
          #pricing-alt #first-option .charts .chart .specs .spec .variable {
            color: #1FAFE7;
            font-weight: 600; }
      #pricing-alt #first-option .charts .chart .button {
        margin-top: 20px;
        height: 38px; }
        #pricing-alt #first-option .charts .chart .button span {
          height: 36px;
          line-height: 35px;
          padding-left: 23px;
          padding-right: 23px; }
  #pricing-alt #first-option .message p {
    text-align: center;
    color: #4A5366;
    margin-top: 23px; }
  #pricing-alt #first-option .faq {
    margin-top: 40px; }
    #pricing-alt #first-option .faq .header h3 {
      font-size: 22px;
      color: #454545;
      text-align: left; }
    #pricing-alt #first-option .faq .questions {
      margin-top: 30px; }
      #pricing-alt #first-option .faq .questions .question {
        margin-bottom: 45px; }
        @media (min-width: 992px) {
          #pricing-alt #first-option .faq .questions .question {
            width: 90%; } }
        #pricing-alt #first-option .faq .questions .question strong {
          font-weight: 500;
          font-size: 17px;
          color: #333; }
        #pricing-alt #first-option .faq .questions .question p {
          color: #555;
          margin-top: 12px;
          font-size: 14px;
          line-height: 22px; }
  #pricing-alt #first-option .contact {
    margin-top: 40px; }
    #pricing-alt #first-option .contact .wrapper {
      background: #F7F8FB;
      border: 1px solid #EAEDF7;
      border-radius: 8px;
      padding: 25px 60px;
      box-shadow: inset rgba(100, 100, 100, 0.25) 0 1px 1px;
      margin: 0 auto; }
      @media (max-width: 767px) {
        #pricing-alt #first-option .contact .wrapper {
          padding: 20px; } }
    #pricing-alt #first-option .contact h4 {
      font-size: 15px;
      position: relative;
      color: #373F46;
      text-align: center;
      font-weight: 500;
      text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); }
      @media (max-width: 991px) {
        #pricing-alt #first-option .contact h4 {
          line-height: 26px; } }
      #pricing-alt #first-option .contact h4 span {
        position: relative;
        font-size: 23px;
        top: 4px;
        margin-right: 4px;
        color: #626E7A; }
        @media (max-width: 991px) {
          #pricing-alt #first-option .contact h4 span {
            position: relative;
            left: 0px;
            top: 5px; } }

#billing-form .billing {
  max-width: 640px;
  margin: 0 auto;
  margin-top: 40px; }
  #billing-form .billing .secure {
    margin-bottom: 20px; }
    #billing-form .billing .secure .lock {
      font-weight: 600;
      color: #666; }
      #billing-form .billing .secure .lock .fa-lock {
        color: #ccc;
        font-size: 17px;
        margin-right: 7px;
        position: relative;
        top: 1px; }
  #billing-form .billing #billing .control-label {
    text-align: left; }
  #billing-form .billing #billing .instructions {
    margin-top: 40px; }
    #billing-form .billing #billing .instructions strong {
      font-size: 15px;
      color: #454545; }
  @media (max-width: 767px) {
    #billing-form .billing #billing .mobile-margin-bottom {
      margin-bottom: 15px; } }
  #billing-form .billing #billing .action {
    margin-top: 40px;
    text-align: center; }
    #billing-form .billing #billing .action .btn {
      font-size: 16px;
      padding: 10px 14px;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      #billing-form .billing #billing .action .btn i.fa-chevron-right {
        font-size: 13px;
        margin-left: 13px; }

#docs {
  font-family: "Helvetica Neue", Arial; }
  #docs #guide {
    background: #F4F8FA;
    border-right: 1px solid #DADFE5;
    left: 0;
    top: 0;
    position: fixed;
    overflow: hidden;
    overflow-y: auto;
    width: 210px;
    z-index: 25;
    height: 100%; }
    #docs #guide .logo {
      margin-top: 0;
      font-size: 29px; }
      #docs #guide .logo a {
        color: #000;
        font-family: Myriad Pro, Lato, Helvetica Neue, Arial;
        padding: 20px 0 15px 23px;
        display: block;
        border-bottom: 1px solid #D6DCE0;
        box-shadow: 0px 1px #FFF;
        -webkit-transition: color 0.15s linear;
        -moz-transition: color 0.15s linear;
        -ms-transition: color 0.15s linear;
        -o-transition: color 0.15s linear;
        transition: color 0.15s linear; }
        #docs #guide .logo a:hover {
          color: #858585;
          text-decoration: none; }
    #docs #guide .menu > li.active > .nav {
      display: block; }
    #docs #guide .menu > li.active > a {
      background: #DEEAF1; }
    #docs #guide .menu > li a {
      color: #3391C9;
      font-weight: 500;
      font-size: 13px;
      padding: 10px 15px 10px 25px;
      -webkit-transition: all 0.15s linear;
      -moz-transition: all 0.15s linear;
      -ms-transition: all 0.15s linear;
      -o-transition: all 0.15s linear;
      transition: all 0.15s linear; }
      #docs #guide .menu > li a:hover {
        background: #DEEAF1; }
    #docs #guide .menu > li > .nav {
      margin-bottom: 7px;
      display: none; }
      #docs #guide .menu > li > .nav li a {
        font-weight: 400;
        color: #48A0D6;
        padding: 6px 15px 5px 35px; }
  #docs #api-docs {
    background: #FFF;
    margin-left: 210px;
    min-width: 750px; }
    #docs #api-docs #methods {
      background: #292E33;
      position: relative;
      margin-left: 50%; }
      #docs #api-docs #methods .languages {
        position: fixed;
        top: 0;
        width: 100%;
        padding: 5px 0 5px 20px;
        background: #3B4249;
        box-shadow: 2px 1px 3px #000;
        z-index: 999; }
        #docs #api-docs #methods .languages .language {
          display: inline-block;
          color: #C0CEDD;
          padding: 5px 15px;
          font-size: 13px; }
          #docs #api-docs #methods .languages .language.selected {
            color: #fff; }
      #docs #api-docs #methods .method:nth-child(2) .method-section .method-description {
        padding-top: 0px;
        border-top: 0px; }
      #docs #api-docs #methods .method:nth-child(2) .method-section .method-example {
        padding-top: 35px;
        border-top: 0;
        box-shadow: none; }
      #docs #api-docs #methods .method:last-child .method-section {
        padding-bottom: 70px; }
      #docs #api-docs #methods .method .method-section {
        margin-left: -100%;
        position: relative;
        padding-top: 50px; }
        #docs #api-docs #methods .method .method-section .method-description {
          width: 50%;
          float: left;
          padding: 0 30px;
          border-top: 1px solid #E5E7EB;
          padding-top: 40px; }
          #docs #api-docs #methods .method .method-section .method-description h3 {
            font-size: 21px;
            margin-top: 0;
            margin-bottom: 20px; }
          #docs #api-docs #methods .method .method-section .method-description p {
            font-size: 13px;
            color: #666;
            line-height: 21px;
            margin-bottom: 20px; }
          #docs #api-docs #methods .method .method-section .method-description .info {
            margin-top: 45px;
            margin-bottom: 40px; }
            #docs #api-docs #methods .method .method-section .method-description .info h4 {
              font-size: 14px;
              border-bottom: 1px solid #E4E4E4;
              padding-bottom: 15px; }
            #docs #api-docs #methods .method .method-section .method-description .info .field {
              margin-top: 17px;
              font-size: 13px; }
              #docs #api-docs #methods .method .method-section .method-description .info .field .key {
                width: 40%;
                float: left;
                text-align: right;
                padding-right: 10px;
                font-weight: bold;
                color: #333; }
              #docs #api-docs #methods .method .method-section .method-description .info .field .desc {
                width: 60%;
                float: right;
                padding-left: 10px;
                color: #555;
                line-height: 21px; }
                #docs #api-docs #methods .method .method-section .method-description .info .field .desc strong {
                  display: block;
                  color: #333;
                  margin-bottom: 5px; }
        #docs #api-docs #methods .method .method-section .method-example {
          margin-left: 50%;
          width: 50%;
          padding: 75px 30px 0;
          border-top: 1px solid #000;
          box-shadow: inset 0px 1px rgba(255, 255, 255, 0.17);
          color: #fff; }
          #docs #api-docs #methods .method .method-section .method-example pre {
            background: none;
            border: none;
            margin: 0;
            padding: 0; }
            #docs #api-docs #methods .method .method-section .method-example pre code {
              background: none;
              font-family: Monaco, Consolas, Menlo;
              font-size: 12px;
              display: none;
              color: #DAE4F2; }
              #docs #api-docs #methods .method .method-section .method-example pre code.always-visible {
                display: block !important; }
              #docs #api-docs #methods .method .method-section .method-example pre code.ruby {
                display: block; }
              #docs #api-docs #methods .method .method-section .method-example pre code > * {
                color: #DAE4F2;
                line-height: 20px; }
            #docs #api-docs #methods .method .method-section .method-example pre .ruby {
              color: #DAE4F2; }
              #docs #api-docs #methods .method .method-section .method-example pre .ruby > * {
                color: #DAE4F2;
                line-height: 20px; }
              #docs #api-docs #methods .method .method-section .method-example pre .ruby [class*=keyword] {
                color: #9AB4DB; }
              #docs #api-docs #methods .method .method-section .method-example pre .ruby [class*=string] {
                color: #DAD0C6; }
              #docs #api-docs #methods .method .method-section .method-example pre .ruby [class*=comment] {
                color: #B4B4B4; }
              #docs #api-docs #methods .method .method-section .method-example pre .ruby [class*=constant] {
                color: #FFDF9D; }
              #docs #api-docs #methods .method .method-section .method-example pre .ruby [class*=symbol] {
                color: #9ECBEE; }
            #docs #api-docs #methods .method .method-section .method-example pre .python {
              color: #DAE4F2; }
              #docs #api-docs #methods .method .method-section .method-example pre .python > * {
                color: #DAE4F2;
                line-height: 20px; }
              #docs #api-docs #methods .method .method-section .method-example pre .python [class*=keyword] {
                color: #9AB4DB; }
              #docs #api-docs #methods .method .method-section .method-example pre .python [class*=string] {
                color: #DAD0C6; }
              #docs #api-docs #methods .method .method-section .method-example pre .python [class*=comment] {
                color: #B4B4B4; }
              #docs #api-docs #methods .method .method-section .method-example pre .python [class*=class] {
                color: #FFDF9D; }
              #docs #api-docs #methods .method .method-section .method-example pre .python [class*=params] {
                color: #9ECBEE; }
            #docs #api-docs #methods .method .method-section .method-example pre .php {
              color: #DAE4F2; }
              #docs #api-docs #methods .method .method-section .method-example pre .php > * {
                color: #DAE4F2;
                line-height: 20px; }
              #docs #api-docs #methods .method .method-section .method-example pre .php [class*=keyword] {
                color: #9AB4DB; }
              #docs #api-docs #methods .method .method-section .method-example pre .php [class*=string] {
                color: #DAD0C6; }
              #docs #api-docs #methods .method .method-section .method-example pre .php [class*=comment] {
                color: #B4B4B4; }

#user-profile #content {
  padding: 0;
  padding-top: 64px;
  min-height: 100%; }
#user-profile .content-wrapper {
  margin-top: 0;
  position: relative;
  overflow: hidden; }
  #user-profile .content-wrapper .profile-content {
    float: left;
    width: 78%;
    height: 100%;
    min-height: 800px; }
    @media (max-width: 991px) {
      #user-profile .content-wrapper .profile-content {
        width: 72%; } }
    @media (max-width: 767px) {
      #user-profile .content-wrapper .profile-content {
        width: 100%;
        margin-top: 20px; } }
    #user-profile .content-wrapper .profile-content .tabs {
      background: #F5F6F8;
      border-bottom: 1px solid #CED9EB;
      padding: 0 30px;
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06); }
      #user-profile .content-wrapper .profile-content .tabs ul {
        margin: 0;
        padding: 0;
        list-style-type: none; }
        #user-profile .content-wrapper .profile-content .tabs ul li {
          display: inline-block; }
          #user-profile .content-wrapper .profile-content .tabs ul li a {
            padding: 17px 20px;
            margin-right: 5px;
            position: relative;
            display: inline-block;
            text-decoration: none;
            color: #688EA7;
            font-weight: 600;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear; }
            #user-profile .content-wrapper .profile-content .tabs ul li a.active {
              color: #333;
              font-weight: 600; }
              #user-profile .content-wrapper .profile-content .tabs ul li a.active:after {
                content: '';
                position: absolute;
                height: 2px;
                width: 100%;
                background: #1DDBF1;
                left: 0;
                bottom: -1px; }
    #user-profile .content-wrapper .profile-content .tab-content {
      margin: 30px 30px 0;
      position: relative;
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-perspective: 0px;
      -ms-perspective: 0px;
      -moz-perspective: 0px; }
      @media (max-width: 767px) {
        #user-profile .content-wrapper .profile-content .tab-content {
          margin: 30px 10px 0; } }
      #user-profile .content-wrapper .profile-content .tab-content .tab {
        opacity: 0;
        visibility: hidden;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999;
        width: 100%;
        -moz-transform: scale3d(0.95, 0.95, 0.95);
        -o-transform: scale3d(0.95, 0.95, 0.95);
        -ms-transform: scale3d(0.95, 0.95, 0.95);
        -webkit-transform: scale3d(0.95, 0.95, 0.95);
        transform: scale3d(0.95, 0.95, 0.95);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
        #user-profile .content-wrapper .profile-content .tab-content .tab.active {
          opacity: 1;
          visibility: visible;
          position: relative;
          -moz-transform: scale3d(1, 1, 1);
          -o-transform: scale3d(1, 1, 1);
          -ms-transform: scale3d(1, 1, 1);
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1); }
        #user-profile .content-wrapper .profile-content .tab-content .tab.notes {
          padding-left: 20px; }
          #user-profile .content-wrapper .profile-content .tab-content .tab.notes .editor {
            width: 94%;
            background: #F7F7F7;
            border-radius: 5px;
            margin-top: 40px; }
            #user-profile .content-wrapper .profile-content .tab-content .tab.notes .editor textarea {
              border-bottom: 0;
              border-radius: 4px 4px 0 0;
              border-color: #D7E0EC; }
            #user-profile .content-wrapper .profile-content .tab-content .tab.notes .editor .options {
              padding: 11px 20px;
              border: 1px solid #E1E7F0;
              border-radius: 0 0 4px 4px; }
              #user-profile .content-wrapper .profile-content .tab-content .tab.notes .editor .options .attach {
                float: right;
                margin-top: 5px;
                margin-right: 10px; }
                #user-profile .content-wrapper .profile-content .tab-content .tab.notes .editor .options .attach a {
                  text-decoration: none;
                  margin-right: 20px; }
                  #user-profile .content-wrapper .profile-content .tab-content .tab.notes .editor .options .attach a i {
                    font-size: 23px;
                    color: #A8B6C2; }
              #user-profile .content-wrapper .profile-content .tab-content .tab.notes .editor .options .button {
                float: right; }
                #user-profile .content-wrapper .profile-content .tab-content .tab.notes .editor .options .button span {
                  font-size: 13px; }
          #user-profile .content-wrapper .profile-content .tab-content .tab.notes .filter {
            margin-top: 50px;
            width: 94%; }
            #user-profile .content-wrapper .profile-content .tab-content .tab.notes .filter h4 {
              font-size: 21px; }
            #user-profile .content-wrapper .profile-content .tab-content .tab.notes .filter form {
              width: 160px;
              position: relative;
              top: 5px; }
          #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments {
            margin-top: 60px;
            width: 94%; }
            @media (max-width: 767px) {
              #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments {
                margin-top: 30px; } }
            #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment {
              padding-bottom: 60px;
              position: relative; }
              @media (max-width: 767px) {
                #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment {
                  padding-bottom: 20px; } }
              #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment:before {
                content: '';
                display: block;
                position: absolute;
                width: 2px;
                background: #f7f7f7;
                height: 100%;
                left: 45px;
                top: 0; }
                @media (max-width: 767px) {
                  #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment:before {
                    display: none; } }
              #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment:last-child:before {
                background: #fff; }
              #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment .avatar {
                max-width: 62px;
                border-radius: 5px; }
                @media (max-width: 767px) {
                  #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment .avatar {
                    display: none; } }
              #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment .message {
                border: 1px solid #e4e4e4;
                border-radius: 4px;
                padding: 7px 20px; }
                @media (max-width: 767px) {
                  #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment .message {
                    border: 0;
                    padding: 7px 0; } }
                #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment .message header {
                  font-size: 13px;
                  position: relative;
                  color: #777;
                  margin-top: 8px; }
                  #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment .message header:before {
                    content: '';
                    position: absolute;
                    display: block;
                    width: 37px;
                    height: 12px;
                    top: 10px;
                    left: -25px;
                    margin-left: -18.5px;
                    background-image: url("../../images/popover-arrow.png");
                    background-size: 100% 100%;
                    -moz-transform: rotate(270deg);
                    -o-transform: rotate(270deg);
                    -ms-transform: rotate(270deg);
                    -webkit-transform: rotate(270deg);
                    transform: rotate(270deg); }
                    @media (max-width: 767px) {
                      #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment .message header:before {
                        display: none; } }
                  #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment .message header .name {
                    font-weight: 600;
                    display: inline-block;
                    margin-right: 6px;
                    color: #5481C4; }
                  #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment .message header .date {
                    color: #8F8F8F; }
                #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment .message .note p {
                  margin-top: 15px;
                  margin-bottom: 15px;
                  line-height: 23px; }
                #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment .message .note .files {
                  margin-top: 35px;
                  width: 100%;
                  margin-bottom: 20px; }
                  #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment .message .note .files .file {
                    float: left;
                    padding-right: 25px;
                    max-width: 25%;
                    vertical-align: top;
                    text-align: center; }
                    #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment .message .note .files .file img {
                      border-radius: 3px; }
                    #user-profile .content-wrapper .profile-content .tab-content .tab.notes .comments .comment .message .note .files .file .name {
                      display: inline-block;
                      margin-top: 11px;
                      line-height: 16px;
                      font-size: 13px; }
          #user-profile .content-wrapper .profile-content .tab-content .tab.notes .load-more {
            margin-top: 30px;
            margin-bottom: 150px;
            text-align: center; }
        #user-profile .content-wrapper .profile-content .tab-content .tab.orders thead th {
          /*border-top: 1px solid #F3F5F6;*/
          border-top: 0;
          border-bottom: 1px solid #F3F5F6;
          padding: 10px 18px 15px 15px;
          font-weight: 400; }
        #user-profile .content-wrapper .profile-content .tab-content .tab.orders td {
          padding: 11px 15px; }
        #user-profile .content-wrapper .profile-content .tab-content .tab.orders .dataTables_length {
          display: none; }
        #user-profile .content-wrapper .profile-content .tab-content .tab.orders .dataTables_filter {
          display: none; }
        #user-profile .content-wrapper .profile-content .tab-content .tab.orders .dataTables_info {
          display: none; }
        #user-profile .content-wrapper .profile-content .tab-content .tab.orders .dataTables_paginate {
          display: none; }
        #user-profile .content-wrapper .profile-content .tab-content .tab.orders .label {
          font-weight: 400;
          font-size: 14px; }
          #user-profile .content-wrapper .profile-content .tab-content .tab.orders .label.label-default {
            background-color: #F3F3F3;
            color: #333;
            border: 1px solid #E4E4E4; }
        #user-profile .content-wrapper .profile-content .tab-content .tab.orders .ion-alert-circled {
          font-size: 18px;
          margin-left: 6px;
          color: #B296DD;
          position: relative;
          top: 1px; }
        #user-profile .content-wrapper .profile-content .tab-content .tab.work {
          margin-bottom: 50px; }
          #user-profile .content-wrapper .profile-content .tab-content .tab.work .pic {
            max-width: 90%;
            margin-bottom: 40px;
            position: relative; }
            #user-profile .content-wrapper .profile-content .tab-content .tab.work .pic:hover .mask {
              opacity: 1; }
            #user-profile .content-wrapper .profile-content .tab-content .tab.work .pic .mask {
              opacity: 0;
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              border-radius: 6px;
              color: #fff;
              padding: 10px 15px;
              background: rgba(76, 103, 133, 0.91);
              font-family: "Helvetica Neue", Arial;
              -webkit-transition: all 0.2s linear;
              -moz-transition: all 0.2s linear;
              -ms-transition: all 0.2s linear;
              -o-transition: all 0.2s linear;
              transition: all 0.2s linear; }
              #user-profile .content-wrapper .profile-content .tab-content .tab.work .pic .mask .title {
                font-weight: 600;
                font-size: 14px;
                padding-bottom: 8px;
                position: relative; }
                #user-profile .content-wrapper .profile-content .tab-content .tab.work .pic .mask .title:after {
                  content: '';
                  position: absolute;
                  bottom: 0;
                  left: 0;
                  height: 1px;
                  width: 50%;
                  background: #6A819B; }
              #user-profile .content-wrapper .profile-content .tab-content .tab.work .pic .mask .description {
                font-size: 12px;
                line-height: 17px;
                margin-top: 8px; }
              #user-profile .content-wrapper .profile-content .tab-content .tab.work .pic .mask .date {
                position: absolute;
                bottom: 10px;
                font-weight: 600;
                font-size: 12px; }
            #user-profile .content-wrapper .profile-content .tab-content .tab.work .pic img {
              border-radius: 6px; }
  #user-profile .content-wrapper .profile-info {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -23%;
    width: 22%;
    background: #fff;
    border-left: 1px solid #E8EBF0;
    -webkit-animation: showProfileInfo 0.4s ease-out forwards;
    -moz-animation: showProfileInfo 0.4s ease-out forwards;
    -o-animation: showProfileInfo 0.4s ease-out forwards;
    -ms-animation: showProfileInfo 0.4s ease-out forwards;
    animation: showProfileInfo 0.4s ease-out forwards; }
    @media (max-width: 991px) {
      #user-profile .content-wrapper .profile-info {
        width: 28%; } }
    @media (max-width: 767px) {
      #user-profile .content-wrapper .profile-info {
        width: 100%;
        position: relative;
        float: left;
        border-left: 0; } }
    #user-profile .content-wrapper .profile-info .avatar {
      text-align: center;
      padding-top: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #DFE2E9;
      background: url("../../images/bg.jpg");
      background-position: 50% 50%;
      background-size: cover;
      position: relative; }
      #user-profile .content-wrapper .profile-info .avatar:before {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0.37) 71%, rgba(0, 0, 0, 0.51) 100%); }
      #user-profile .content-wrapper .profile-info .avatar img {
        /*border-radius: 50%;*/
        /*max-width: 62px;*/
        position: relative;
        border-radius: 3px;
        max-width: 65px;
        border: 3px solid #fff; }
      #user-profile .content-wrapper .profile-info .avatar .name {
        margin-top: 10px;
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        position: relative; }
      #user-profile .content-wrapper .profile-info .avatar .position {
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        position: relative; }
      #user-profile .content-wrapper .profile-info .avatar .social {
        margin-top: 5px;
        position: relative; }
        #user-profile .content-wrapper .profile-info .avatar .social i {
          font-size: 15px;
          margin: 0 5px;
          color: #fff; }
    #user-profile .content-wrapper .profile-info .main-details {
      border-bottom: 1px solid #DFE2E9; }
      #user-profile .content-wrapper .profile-info .main-details .col {
        float: left;
        width: 50%;
        padding: 10px 0;
        text-align: center;
        font-size: 13px;
        color: #666; }
        #user-profile .content-wrapper .profile-info .main-details .col:first-child {
          border-right: 1px solid #DFE2E9; }
        #user-profile .content-wrapper .profile-info .main-details .col .value {
          font-weight: 600;
          font-size: 14px;
          margin-bottom: 3px;
          color: #333; }
    #user-profile .content-wrapper .profile-info .details {
      padding: 0 20px;
      margin-top: 20px; }
      #user-profile .content-wrapper .profile-info .details .field {
        margin-bottom: 15px;
        font-size: 13px; }
        #user-profile .content-wrapper .profile-info .details .field label {
          text-transform: uppercase;
          color: #999;
          letter-spacing: .2px; }
        #user-profile .content-wrapper .profile-info .details .field .value {
          font-weight: 600;
          color: #454545; }
        #user-profile .content-wrapper .profile-info .details .field .sub {
          color: #757575;
          margin-top: 3px; }

#latest-activity .content-wrapper {
  margin-bottom: 40px; }
#latest-activity .filter-user {
  float: right; }
  @media (max-width: 767px) {
    #latest-activity .filter-user {
      float: none; } }
  #latest-activity .filter-user .dropdown-menu {
    right: 0;
    left: auto; }
    @media (max-width: 767px) {
      #latest-activity .filter-user .dropdown-menu {
        left: 0;
        right: auto; } }
#latest-activity h3 {
  margin-top: 30px;
  margin-bottom: 40px;
  font-size: 22px; }
  #latest-activity h3 small {
    margin-left: 15px; }
#latest-activity .moment {
  width: 100%;
  padding-bottom: 50px;
  position: relative; }
  #latest-activity .moment.first:before {
    height: 130%;
    top: -20px; }
  #latest-activity .moment.first:after {
    content: '';
    position: absolute;
    left: 23px;
    top: -20px;
    width: 7px;
    height: 7px;
    background: #eee;
    border-radius: 50%; }
    @media (max-width: 991px) {
      #latest-activity .moment.first:after {
        left: 16px; } }
    @media (max-width: 991px) {
      #latest-activity .moment.first:after {
        display: none; } }
  #latest-activity .moment.last:before {
    background: #fff; }
  #latest-activity .moment:before {
    content: '';
    position: absolute;
    left: 25px;
    top: 5px;
    width: 3px;
    height: 100%;
    background: #eee; }
    @media (max-width: 991px) {
      #latest-activity .moment:before {
        left: 18px; } }
    @media (max-width: 991px) {
      #latest-activity .moment:before {
        display: none; } }
  #latest-activity .moment .icon {
    background: #90C7EC;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    left: 24px;
    top: 4px; }
    @media (max-width: 991px) {
      #latest-activity .moment .icon {
        left: 17px; } }
    #latest-activity .moment .icon.violet {
      background: #E25495; }
    #latest-activity .moment .icon.yellow {
      background: #EBC77B; }
    #latest-activity .moment .icon.dark {
      background: #515C6E; }
    #latest-activity .moment .icon.purple {
      background: #816DB4; }
    #latest-activity .moment .icon .fa {
      color: #fff;
      position: absolute; }
      #latest-activity .moment .icon .fa.fa-comment {
        top: 10px;
        left: 11px; }
      #latest-activity .moment .icon .fa.fa-upload {
        left: 11px;
        top: 10px; }
      #latest-activity .moment .icon .fa.fa-check {
        top: 10px;
        left: 10px; }
      #latest-activity .moment .icon .fa.fa-files-o {
        top: 10px;
        left: 9px;
        font-size: 17px; }
      #latest-activity .moment .icon .fa.fa-quote-left {
        top: 10px;
        left: 11px; }
  #latest-activity .moment .message .avatar {
    max-width: 53px;
    border-radius: 5px;
    float: left;
    margin-right: 25px; }
    @media (max-width: 767px) {
      #latest-activity .moment .message .avatar {
        margin-bottom: 10px; } }
  #latest-activity .moment .message .content {
    float: left;
    width: 80%; }
    @media (max-width: 767px) {
      #latest-activity .moment .message .content {
        width: 100%; } }
    #latest-activity .moment .message .content p {
      margin-top: 15px;
      color: #555; }
      #latest-activity .moment .message .content p.border-bottom {
        border-bottom: 1px solid #ECECEC;
        padding-bottom: 20px; }
      #latest-activity .moment .message .content p .date {
        display: block;
        color: #8F8F8F;
        margin-bottom: 6px;
        font-size: 13px; }
    #latest-activity .moment .message .content .files {
      margin-top: 20px;
      display: table; }
      #latest-activity .moment .message .content .files .file {
        display: table-cell;
        padding-right: 25px;
        max-width: 190px;
        vertical-align: top;
        text-align: center; }
        #latest-activity .moment .message .content .files .file img {
          border-radius: 3px; }
        #latest-activity .moment .message .content .files .file .name {
          display: inline-block;
          margin-top: 11px;
          line-height: 17px;
          font-size: 13px; }
    #latest-activity .moment .message .content .big-file {
      margin-top: 20px;
      padding: 10px;
      border: 1px solid #ECECEC;
      border-radius: 4px; }
      #latest-activity .moment .message .content .big-file img {
        float: left;
        max-width: 50px;
        margin-right: 20px;
        border: 1px solid #ECECEC;
        padding: 5px;
        border-radius: 4px; }
      #latest-activity .moment .message .content .big-file .name {
        display: inline-block;
        font-weight: 600;
        margin-top: 5px;
        color: #333; }
      #latest-activity .moment .message .content .big-file .size {
        color: #A7A7A7; }

#status {
  background: #fff; }
  #status #update {
    margin-top: 40px;
    margin-bottom: 130px; }
    #status #update .container {
      max-width: 850px; }
    #status #update .fa-rss {
      margin-right: 4px; }
    #status #update .header {
      text-align: center; }
      #status #update .header h3 {
        font-size: 24px;
        color: #444;
        line-height: 25px;
        font-weight: 500;
        margin-bottom: 7px; }
      #status #update .header p {
        font-size: 16px;
        font-weight: 400;
        color: #888; }
    #status #update .current-status {
      background: #F7F8FB;
      border: 1px solid #EAEDF7;
      border-radius: 8px;
      box-shadow: inset rgba(100, 100, 100, 0.25) 0 1px 1px;
      padding: 20px 30px;
      margin: 0 auto;
      margin-top: 35px; }
      #status #update .current-status .updated {
        float: right;
        color: #616A72;
        font-size: 13px; }
        @media (max-width: 767px) {
          #status #update .current-status .updated {
            float: none;
            text-align: center;
            display: block;
            margin-bottom: 20px; } }
      #status #update .current-status .status {
        font-size: 18px;
        font-weight: 500; }
        #status #update .current-status .status .color {
          width: 15px;
          height: 15px;
          border-radius: 50px;
          float: left;
          position: relative;
          top: 5px;
          margin-right: 20px; }
          #status #update .current-status .status .color.green {
            background: #96cb4c;
            border: 1px solid #8BC43D;
            box-shadow: 0px 0px 7px 2px #b3e074, inset 0px 2px 1px -1px rgba(255, 255, 255, 0.8); }
          #status #update .current-status .status .color.yellow {
            background: #F0D775;
            border: 1px solid #E0CC7E;
            box-shadow: 0px 0px 7px 2px #f0d775, inset 0px 2px 1px -1px rgba(255, 255, 255, 0.8); }
          #status #update .current-status .status .color.red {
            background: #F56B65;
            border: 1px solid #FC7D77;
            box-shadow: 0px 0px 7px 2px #ff9b96, inset 0px 2px 1px -1px rgba(255, 255, 255, 0.8); }
      #status #update .current-status .help {
        margin-top: 7px;
        margin-left: 35px; }
    #status #update .info {
      margin-top: 40px; }
      #status #update .info strong {
        font-size: 15px;
        display: block;
        color: #454545;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #eee; }
    #status #update .modules {
      margin-top: 40px;
      border-radius: 5px; }
      #status #update .modules > .list-group .list-group-item {
        padding: 13px 15px;
        font-size: 15px; }
        #status #update .modules > .list-group .list-group-item:first-child {
          border-top: 0px;
          border-top-right-radius: 5px;
          border-top-left-radius: 5px; }
        #status #update .modules > .list-group .list-group-item .status {
          float: right;
          color: #0F9B0F;
          font-size: 13px;
          font-weight: 500; }
          #status #update .modules > .list-group .list-group-item .status.down {
            color: #D88C1B; }
    #status #update .messages {
      margin-top: 35px; }
      #status #update .messages h3 {
        font-size: 22px;
        color: #444;
        margin-bottom: 25px; }
      #status #update .messages .date {
        margin-bottom: 35px; }
        #status #update .messages .date .day {
          font-size: 14px;
          font-weight: bold;
          color: #555;
          padding-bottom: 8px;
          margin-bottom: 8px;
          border-bottom: 1px solid #eee; }
        #status #update .messages .date .ok {
          color: #0F9B0F;
          font-size: 13px;
          font-weight: 500; }
        #status #update .messages .date .issues {
          color: #D88C1B;
          font-size: 13px;
          font-weight: 500;
          margin-bottom: 18px; }
        #status #update .messages .date .update {
          color: #333;
          font-size: 13px; }
          #status #update .messages .date .update strong {
            font-size: 13px;
            font-weight: bold;
            color: #454545;
            min-width: 93px;
            display: inline-block; }
    #status #update .full-history {
      margin-top: 50px; }

#search #content {
  padding: 0;
  padding-top: 64px;
  min-height: 100%; }
@media (max-width: 767px) {
  #search .menubar .options {
    display: none; } }
#search .menubar .options a {
  margin-left: 25px;
  color: #96AEC4;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  #search .menubar .options a:hover {
    color: #344D63; }
  #search .menubar .options a i {
    margin-right: 3px; }
#search .content-wrapper {
  margin-top: 0;
  position: relative;
  overflow: hidden;
  /* filters */ }
  @media (max-width: 767px) {
    #search .content-wrapper {
      overflow: auto; } }
  #search .content-wrapper .results {
    position: relative;
    float: left;
    width: 77%;
    height: 100%;
    min-height: 800px;
    padding: 30px;
    padding-bottom: 80px;
    /* bulk actions */
    /* datatable styles */
    /* product list styles */ }
    @media (max-width: 767px) {
      #search .content-wrapper .results {
        width: 100%;
        padding: 10px;
        padding-bottom: 60px;
        margin-top: 30px; } }
    #search .content-wrapper .results .bulk-actions {
      position: absolute;
      left: 30px;
      z-index: 99; }
      @media (max-width: 767px) {
        #search .content-wrapper .results .bulk-actions {
          position: relative;
          left: 0px; } }
      #search .content-wrapper .results .bulk-actions .btn.disabled {
        border-color: #E2E2E2;
        color: #969696; }
    #search .content-wrapper .results thead th {
      border-top: 1px solid #D4DBE4;
      border-bottom: 1px solid #dee3ea;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0.79);
      padding: 10px 18px 12px 20px;
      text-shadow: 1px 1px #fff;
      background: linear-gradient(#f7f8fc, #f8f9fc);
      position: relative;
      color: #444; }
      #search .content-wrapper .results thead th:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        /* background: #000; */
        left: 0;
        bottom: -1px;
        box-shadow: 0 1px 1px rgba(66, 85, 124, 0.14); }
    #search .content-wrapper .results td {
      padding: 11px 20px; }
    #search .content-wrapper .results .dataTables_length,
    #search .content-wrapper .results .dataTables_info {
      display: none; }
    #search .content-wrapper .results .dataTables_filter {
      float: right;
      text-align: left;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        #search .content-wrapper .results .dataTables_filter {
          float: left;
          margin-top: 20px; } }
    #search .content-wrapper .results .dataTables_paginate {
      float: none;
      text-align: center;
      margin-top: 70px; }
    #search .content-wrapper .results input[type="checkbox"] {
      cursor: pointer; }
    #search .content-wrapper .results .product-img {
      max-width: 100px; }
  #search .content-wrapper .filters {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 23%;
    border-left: 1px solid #E8EBF0; }
    @media (max-width: 767px) {
      #search .content-wrapper .filters {
        position: relative;
        width: 100%;
        margin-top: 20px; } }
    #search .content-wrapper .filters h3 {
      padding: 0 20px;
      margin: 20px 0;
      font-size: 17px;
      margin-bottom: 25px;
      text-align: center; }
    #search .content-wrapper .filters .filter {
      border-bottom: 1px solid #eee;
      margin-bottom: 9px; }
      #search .content-wrapper .filters .filter label {
        display: block;
        color: #454545;
        font-weight: 600;
        padding: 0 20px 5px; }
        #search .content-wrapper .filters .filter label input {
          margin-right: 3px;
          position: relative;
          top: -1px; }
      #search .content-wrapper .filters .filter .filter-option {
        display: none;
        padding: 10px 20px 12px;
        background: rgba(0, 0, 0, 0.02);
        position: relative;
        box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.04); }
        #search .content-wrapper .filters .filter .filter-option .field {
          margin-top: 15px; }
          #search .content-wrapper .filters .filter .filter-option .field input[type="text"] {
            display: inline-block;
            margin-right: 10px;
            width: 100px;
            height: 29px; }
            #search .content-wrapper .filters .filter .filter-option .field input[type="text"].small {
              width: 60px; }
            #search .content-wrapper .filters .filter .filter-option .field input[type="text"].datepicker {
              color: #555; }
          #search .content-wrapper .filters .filter .filter-option .field .fa-calendar {
            color: #B3B3B3;
            margin-right: 5px; }
    #search .content-wrapper .filters input[type="submit"] {
      margin-top: 15px;
      margin-left: 20px; }

#signup {
  background: #9795bb;
  background-image: -webkit-radial-gradient(circle farthest-side at right bottom, #9795bb, #59688d 80%, #426686);
  background-image: -moz-radial-gradient(circle farthest-side at right bottom, #9795bb, #59688d 80%, #426686);
  background-image: -o-radial-gradient(circle farthest-side at right bottom, #9795bb, #59688d 80%, #426686);
  background-image: -ms-radial-gradient(circle farthest-side at right bottom, #9795bb, #59688d 80%, #426686);
  background-image: radial-gradient(circle farthest-side at right bottom, #9795bb, #59688d 80%, #426686); }
  #signup.clear {
    background-image: none;
    background: #F2F5F8; }
    #signup.clear .logo .brankic-pen {
      color: #8CAAC0; }
    #signup.clear h3 {
      color: #323438; }
    #signup.clear .content {
      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
      border-radius: 4px; }
    #signup.clear .bottom-wrapper .message {
      text-shadow: 1px 1px #fff;
      border: 1px solid #C7CFD3;
      color: #333;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 1px 0 rgba(255, 255, 255, 0.83); }
      #signup.clear .bottom-wrapper .message a {
        color: #428bca; }
  #signup .signup-switcher {
    position: absolute;
    top: 170px;
    right: 0; }
    #signup .signup-switcher a {
      display: block;
      background: #fff;
      padding: 5px 20px;
      margin-bottom: 10px;
      border-radius: 3px 0 0 3px;
      color: #3A3A3A;
      border: 1px solid #C9DBF5;
      border-right: 0;
      text-decoration: none; }
      #signup .signup-switcher a[data-class=""] {
        background: #5A7A9E;
        color: #fff;
        border-color: #8DA5C4; }
        #signup .signup-switcher a[data-class=""] .fa-check {
          color: #fff; }
      #signup .signup-switcher a.active .fa-check {
        opacity: 1; }
      #signup .signup-switcher a .fa-check {
        color: #83C490;
        font-size: 14px;
        position: relative;
        top: 1px;
        right: 6px;
        margin-right: 5px;
        opacity: 0;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear; }
  #signup .logo {
    margin-top: 30px;
    text-align: center;
    display: block;
    text-decoration: none; }
    #signup .logo .brankic-pen {
      color: #FFFFD8;
      font-size: 40px; }
      @media (max-width: 767px) {
        #signup .logo .brankic-pen {
          font-size: 34px; } }
  #signup h3 {
    font-size: 26px;
    color: #fff;
    text-align: center;
    margin-top: 35px; }
    @media (max-width: 767px) {
      #signup h3 {
        font-size: 20px;
        margin-top: 15px; } }
  #signup .content {
    max-width: 620px;
    margin: 0 auto;
    margin-top: 40px;
    padding: 42px 56px;
    background: #fff;
    box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.3);
    border-radius: 3px; }
    @media (max-width: 767px) {
      #signup .content {
        max-width: 90%;
        padding: 35px; } }
    #signup .content .fields {
      margin-bottom: 50px; }
      #signup .content .fields strong {
        display: block;
        margin-bottom: 20px; }
      #signup .content .fields input[type="text"],
      #signup .content .fields input[type="password"] {
        margin-bottom: 15px; }
    #signup .content .info {
      margin-top: -10px; }
    #signup .content .signup {
      margin-top: 40px;
      text-align: center;
      margin-bottom: 20px; }
  #signup .bottom-wrapper {
    padding-bottom: 120px; }
    #signup .bottom-wrapper .message {
      max-width: 360px;
      margin: 0 auto;
      margin-top: 60px;
      text-align: center;
      border-radius: 4px;
      padding: 18px;
      border: 1px solid #8B9BC4;
      color: #fff; }
      #signup .bottom-wrapper .message a {
        margin-left: 6px;
        color: #fff; }

#signin {
  background: #9795bb;
  background-image: -webkit-radial-gradient(circle farthest-side at right bottom, #9795bb, #59688d 80%, #426686);
  background-image: -moz-radial-gradient(circle farthest-side at right bottom, #9795bb, #59688d 80%, #426686);
  background-image: -o-radial-gradient(circle farthest-side at right bottom, #9795bb, #59688d 80%, #426686);
  background-image: -ms-radial-gradient(circle farthest-side at right bottom, #9795bb, #59688d 80%, #426686);
  background-image: radial-gradient(circle farthest-side at right bottom, #9795bb, #59688d 80%, #426686); }
  #signin.clear {
    background-image: none;
    background: #F2F5F8; }
    #signin.clear .logo .brankic-pen {
      color: #8CAAC0; }
    #signin.clear h3 {
      color: #323438; }
    #signin.clear .content {
      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
      border-radius: 4px; }
    #signin.clear .bottom-wrapper .message {
      text-shadow: 1px 1px #fff;
      border: 1px solid #C7CFD3;
      color: #333;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 1px 0 rgba(255, 255, 255, 0.83); }
      #signin.clear .bottom-wrapper .message a {
        color: #428bca; }
  #signin .signup-switcher {
    position: absolute;
    top: 170px;
    right: 0; }
    #signin .signup-switcher a {
      display: block;
      background: #fff;
      padding: 5px 20px;
      margin-bottom: 10px;
      border-radius: 3px 0 0 3px;
      color: #3A3A3A;
      border: 1px solid #C9DBF5;
      border-right: 0;
      text-decoration: none; }
      #signin .signup-switcher a[data-class=""] {
        background: #5A7A9E;
        color: #fff;
        border-color: #8DA5C4; }
        #signin .signup-switcher a[data-class=""] .fa-check {
          color: #fff; }
      #signin .signup-switcher a.active .fa-check {
        opacity: 1; }
      #signin .signup-switcher a .fa-check {
        color: #83C490;
        font-size: 14px;
        position: relative;
        top: 1px;
        right: 6px;
        margin-right: 5px;
        opacity: 0;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear; }
  #signin .logo {
    margin-top: 30px;
    text-align: center;
    display: block;
    text-decoration: none; }
    #signin .logo .brankic-pen {
      color: #FFFFD8;
      font-size: 40px; }
      @media (max-width: 767px) {
        #signin .logo .brankic-pen {
          font-size: 34px; } }
  #signin h3 {
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin-top: 35px; }
    @media (max-width: 767px) {
      #signin h3 {
        font-size: 20px;
        margin-top: 15px; } }
  #signin .content {
    max-width: 485px;
    margin: 0 auto;
    margin-top: 40px;
    padding: 42px 48px;
    background: #fff;
    box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.3);
    border-radius: 3px; }
    @media (max-width: 767px) {
      #signin .content {
        max-width: 90%;
        padding: 35px; } }
    #signin .content .fields {
      margin-bottom: 20px; }
      #signin .content .fields strong {
        display: block;
        margin-bottom: 10px; }
      #signin .content .fields input[type="text"],
      #signin .content .fields input[type="password"] {
        margin-bottom: 15px; }
    #signin .content .info {
      margin-top: 40px; }
    #signin .content .actions {
      margin-top: 40px;
      text-align: center;
      margin-bottom: 10px; }
  #signin .bottom-wrapper {
    padding-bottom: 120px; }
    #signin .bottom-wrapper .message {
      max-width: 360px;
      margin: 0 auto;
      margin-top: 60px;
      text-align: center;
      border-radius: 4px;
      padding: 18px;
      border: 1px solid #8B9BC4;
      color: #fff; }
      #signin .bottom-wrapper .message a {
        margin-left: 6px;
        color: #fff; }

#account #content {
  padding: 0; }
  #account #content #sidebar {
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    width: 22%;
    background: #fcfcfc;
    border-right: 1px solid #E8ECF1; }
    @media (max-width: 991px) {
      #account #content #sidebar {
        width: 28%; } }
    @media (max-width: 767px) {
      #account #content #sidebar {
        position: relative;
        width: 100%; } }
    #account #content #sidebar .sidebar-toggler {
      position: absolute;
      top: 8px;
      left: 32px;
      font-size: 36px;
      cursor: pointer; }
    #account #content #sidebar h3 {
      margin: 0;
      text-align: center;
      font-size: 19px;
      padding: 22px 0; }
      @media (max-width: 767px) {
        #account #content #sidebar h3 {
          padding: 22px 0 0; } }
    #account #content #sidebar .menu {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      @media (max-width: 767px) {
        #account #content #sidebar .menu {
          margin-top: 15px;
          padding-bottom: 10px; } }
      #account #content #sidebar .menu li a {
        display: block;
        padding: 13px 30px;
        font-size: 15px;
        color: #555;
        text-decoration: none;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        #account #content #sidebar .menu li a.active, #account #content #sidebar .menu li a:hover {
          color: #6787DA; }
        #account #content #sidebar .menu li a i {
          min-width: 30px; }
          #account #content #sidebar .menu li a i.ion-ios7-person-outline {
            font-size: 30px;
            position: relative;
            top: 4px; }
          #account #content #sidebar .menu li a i.ion-ios7-email-outline {
            font-size: 24px;
            position: relative;
            top: 4px; }
          #account #content #sidebar .menu li a i.ion-ios7-help-outline {
            font-size: 24px;
            position: relative;
            top: 4px; }
          #account #content #sidebar .menu li a i.ion-card {
            font-size: 21px;
            position: relative;
            top: 3px; }
  #account #content #panel {
    top: 0;
    position: relative;
    width: 78%;
    margin-left: 22%;
    padding: 24px 50px;
    padding-bottom: 80px;
    /* account-profile.html specific styles */
    /* account-billing specific styles */
    /* account-notifications specific styles */
    /* account-support specific styles */ }
    @media (max-width: 991px) {
      #account #content #panel {
        width: 72%;
        margin-left: 28%; } }
    @media (max-width: 767px) {
      #account #content #panel {
        position: relative;
        width: 100%;
        margin-left: 0;
        padding: 24px; } }
    #account #content #panel.profile h3 {
      margin: 0;
      font-size: 18px; }
    #account #content #panel.profile .intro {
      margin-top: 25px;
      color: #555; }
    #account #content #panel.profile form {
      width: 65%;
      margin-top: 35px; }
      @media (max-width: 991px) {
        #account #content #panel.profile form {
          width: 100%; } }
      #account #content #panel.profile form .form-group {
        margin-bottom: 25px; }
      #account #content #panel.profile form .avatar-field {
        position: relative;
        left: -15px;
        margin-bottom: 35px; }
        #account #content #panel.profile form .avatar-field label {
          margin-top: 22px;
          color: #4F587A;
          font-weight: 500;
          margin-bottom: 10px; }
      #account #content #panel.profile form .action {
        margin-top: 40px; }
    #account #content #panel.billing h3 {
      margin: 0;
      font-size: 18px; }
    #account #content #panel.billing .plan {
      margin-top: 40px; }
      #account #content #panel.billing .plan .current-plan {
        font-size: 15px; }
        #account #content #panel.billing .plan .current-plan label {
          margin-right: 20px;
          font-weight: 600; }
        #account #content #panel.billing .plan .current-plan .change-plan {
          display: inline-block;
          margin-left: 20px;
          font-size: 14px; }
          #account #content #panel.billing .plan .current-plan .change-plan .ion-edit {
            margin-left: 5px;
            font-size: 13px; }
        #account #content #panel.billing .plan .current-plan .status .value {
          color: #3FA244;
          font-weight: 600; }
      #account #content #panel.billing .plan .current-cc {
        position: relative;
        margin-top: 35px;
        padding-top: 35px;
        padding-bottom: 40px;
        font-size: 15px;
        color: #444; }
        #account #content #panel.billing .plan .current-cc:before {
          content: '';
          position: absolute;
          top: 0;
          height: 2px;
          width: 100px;
          background: #eee; }
        #account #content #panel.billing .plan .current-cc:after {
          content: '';
          position: absolute;
          bottom: 0;
          height: 2px;
          width: 100px;
          background: #eee; }
        #account #content #panel.billing .plan .current-cc label {
          margin-right: 20px;
          font-weight: 600; }
        #account #content #panel.billing .plan .current-cc img {
          max-width: 25px;
          margin-right: 8px;
          position: relative;
          top: -2px; }
        #account #content #panel.billing .plan .current-cc .manage-cc {
          display: inline-block;
          margin-left: 20px;
          font-size: 14px; }
          #account #content #panel.billing .plan .current-cc .manage-cc .ion-edit {
            margin-left: 5px;
            font-size: 13px; }
        #account #content #panel.billing .plan .current-cc .next {
          font-size: 13px;
          display: block;
          margin-top: 4px; }
      #account #content #panel.billing .plan .invoices {
        margin-top: 40px; }
        #account #content #panel.billing .plan .invoices h3 {
          font-size: 17px;
          font-weight: 600;
          color: #555; }
        #account #content #panel.billing .plan .invoices table {
          margin-top: 25px; }
          #account #content #panel.billing .plan .invoices table tr:first-child td {
            border-top: 0; }
    #account #content #panel.notifications h3 {
      margin: 0;
      font-size: 18px; }
    #account #content #panel.notifications .settings {
      margin-top: 40px; }
      #account #content #panel.notifications .settings .digest h4 {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 15px; }
      #account #content #panel.notifications .settings .digest p {
        width: 80%;
        font-size: 13px; }
      #account #content #panel.notifications .settings .types {
        margin-top: 40px; }
        #account #content #panel.notifications .settings .types h4 {
          font-weight: 600;
          font-size: 16px;
          margin-bottom: 30px; }
        #account #content #panel.notifications .settings .types section {
          margin-bottom: 30px; }
          #account #content #panel.notifications .settings .types section .title {
            text-transform: uppercase;
            color: #999;
            font-weight: normal;
            display: block;
            margin-bottom: 10px;
            font-size: 15px; }
          #account #content #panel.notifications .settings .types section .row {
            margin-bottom: 5px; }
            @media (max-width: 767px) {
              #account #content #panel.notifications .settings .types section .row {
                margin-bottom: 15px; } }
          #account #content #panel.notifications .settings .types section .bootstrap-switch {
            float: right;
            font-family: "Helvetica Neue", Arial; }
            @media (max-width: 767px) {
              #account #content #panel.notifications .settings .types section .bootstrap-switch {
                float: left;
                margin-top: 5px; } }
            #account #content #panel.notifications .settings .types section .bootstrap-switch .bootstrap-switch-default {
              font-size: 13px; }
      #account #content #panel.notifications .settings .actions {
        margin-top: 40px; }
    #account #content #panel.support h3 {
      margin: 0;
      font-size: 18px; }
    #account #content #panel.support .topics {
      margin-top: 40px; }
      #account #content #panel.support .topics .topic {
        margin-top: 30px; }
        #account #content #panel.support .topics .topic i {
          font-size: 36px;
          /*color: #74A9E2;*/
          color: #9696D1;
          position: relative;
          top: 2px; }
          #account #content #panel.support .topics .topic i.ion-pie-graph {
            font-size: 34px;
            top: 4px; }
          #account #content #panel.support .topics .topic i.ion-archive {
            font-size: 37px; }
        #account #content #panel.support .topics .topic a {
          font-size: 16px;
          color: #444;
          font-weight: 600;
          text-decoration: none; }
        #account #content #panel.support .topics .topic p {
          font-size: 15px;
          margin-top: 3px;
          color: #444; }

#ui:not(.shepherd-active) .main-sidebar,
#ui:not(.shepherd-active) .content-wrapper section > * {
  opacity: 1; }
#ui .shepherd-target.shepherd-enabled {
  opacity: 1; }
#ui .main-sidebar {
  opacity: 0.6;
  -webkit-transition: opacity 0.4s linear;
  -moz-transition: opacity 0.4s linear;
  -ms-transition: opacity 0.4s linear;
  -o-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear; }
#ui .content-wrapper {
  font-family: "Helvetica Neue", Arial; }
  #ui .content-wrapper section > * {
    opacity: 0.2;
    -webkit-transition: opacity 0.4s linear;
    -moz-transition: opacity 0.4s linear;
    -ms-transition: opacity 0.4s linear;
    -o-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear; }
#ui .intro {
  margin-bottom: 30px; }
  #ui .intro h3 {
    font-size: 22px; }
  #ui .intro p {
    font-size: 13px; }
#ui section {
  margin-bottom: 50px; }
  #ui section h4 {
    margin-bottom: 15px; }
    #ui section h4 small {
      display: block;
      margin-top: 12px; }
  #ui section a {
    color: #479ccf;
    text-decoration: underline;
    display: inline-block;
    margin-right: 16px; }
  #ui section.buttons a {
    margin-right: 5px; }
#ui #form-modal input.datepicker {
  color: #555;
  padding-left: 15px; }
#ui #form-modal .fa-calendar {
  color: #789BCE; }
#ui #welcome-modal .animated {
  -webkit-animation-duration: 0.35s;
  -moz-animation-duration: 0.35s;
  -o-animation-duration: 0.35s;
  animation-duration: 0.35s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 1.49, 0.37, 1.07);
  -moz-animation-timing-function: cubic-bezier(0.4, 1.49, 0.37, 1.07);
  animation-timing-function: cubic-bezier(0.4, 1.49, 0.37, 1.07); }
  #ui #welcome-modal .animated.two {
    -webkit-animation-duration: 0.45s;
    -moz-animation-duration: 0.45s;
    -o-animation-duration: 0.45s;
    animation-duration: 0.45s; }
  #ui #welcome-modal .animated.three {
    -webkit-animation-duration: 0.55s;
    -moz-animation-duration: 0.55s;
    -o-animation-duration: 0.55s;
    animation-duration: 0.55s; }
  #ui #welcome-modal .animated.four {
    -webkit-animation-duration: 0.62s;
    -moz-animation-duration: 0.62s;
    -o-animation-duration: 0.62s;
    animation-duration: 0.62s; }
  #ui #welcome-modal .animated.five {
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -o-animation-duration: 0.7s;
    animation-duration: 0.7s; }
  #ui #welcome-modal .animated.six {
    -webkit-animation-duration: 0.73s;
    -moz-animation-duration: 0.73s;
    -o-animation-duration: 0.73s;
    animation-duration: 0.73s; }

#gallery #content {
  padding: 0;
  padding-top: 65px;
  min-height: inherit;
  padding-bottom: 55px; }
  #gallery #content .content-wrapper {
    margin-top: 0; }
#gallery .gallery-wrapper {
  overflow: hidden; }
  #gallery .gallery-wrapper .image {
    width: 25%;
    height: 190px;
    position: relative;
    background-size: cover;
    display: inline-block;
    float: left;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; }
    @media (max-width: 991px) {
      #gallery .gallery-wrapper .image {
        height: 150px; } }
    @media (max-width: 767px) {
      #gallery .gallery-wrapper .image {
        height: 130px;
        width: 33.3333%; } }
    #gallery .gallery-wrapper .image:hover {
      z-index: 2; }
      #gallery .gallery-wrapper .image:hover:after {
        background: transparent; }
      #gallery .gallery-wrapper .image:hover .mask {
        opacity: 1; }
    #gallery .gallery-wrapper .image .mask {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      opacity: 0;
      background: rgba(106, 101, 161, 0.87);
      -webkit-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
      #gallery .gallery-wrapper .image .mask .name {
        color: #fff;
        font-size: 18px;
        text-align: center;
        font-weight: 600;
        margin-top: 25%; }
        @media (max-width: 991px) {
          #gallery .gallery-wrapper .image .mask .name {
            font-size: 15px; } }
      #gallery .gallery-wrapper .image .mask .date {
        color: #fff;
        font-size: 16px;
        text-align: center;
        margin-top: 3px; }
        @media (max-width: 991px) {
          #gallery .gallery-wrapper .image .mask .date {
            font-size: 14px; } }
#gallery .filter {
  position: fixed;
  z-index: 99999;
  left: 230px;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
  padding: 18px 30px;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.21);
  border-top: 1px solid #000;
  font-size: 13px; }
  @media (max-width: 991px) {
    #gallery .filter {
      left: 80px; } }
  @media (max-width: 767px) {
    #gallery .filter {
      left: 0;
      padding: 15px; } }
  #gallery .filter span {
    color: #fff;
    margin-right: 20px;
    text-transform: uppercase;
    font-weight: 600; }
    @media (max-width: 767px) {
      #gallery .filter span {
        display: none; } }
  #gallery .filter a {
    color: #fff;
    text-transform: uppercase;
    margin-right: 8px;
    font-weight: 600;
    padding: 4px 13px; }
    @media (max-width: 767px) {
      #gallery .filter a {
        text-transform: capitalize; } }
    #gallery .filter a.active {
      background: #6a65a1;
      border-radius: 20px; }

#steps #content {
  padding: 0;
  /*padding-top: 64px;*/ }
  #steps #content .content-wrapper {
    margin-top: 0; }
#steps .sidebar-toggler {
  position: absolute;
  color: #fff;
  font-size: 34px;
  top: 0px;
  left: 8px;
  padding: 15px;
  cursor: pointer; }
#steps .header {
  padding: 28px;
  background: #5A6474;
  font-family: "Helvetica Neue", Arial;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.45);
  color: #fff;
  text-align: center;
  font-size: 19px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); }
  @media (max-width: 767px) {
    #steps .header {
      font-size: 16px; } }
@media (max-width: 991px) {
  #steps .steps {
    padding-bottom: 30px; } }
#steps .steps .step {
  margin: 0px 55px;
  padding: 35px 20px;
  border-bottom: 1px solid #eee; }
  @media (max-width: 991px) {
    #steps .steps .step {
      text-align: center;
      padding-top: 30px !important; } }
  #steps .steps .step.done {
    margin: 0;
    background: #F8F8FA;
    padding: 35px 75px; }
    #steps .steps .step.done .info {
      top: -6px; }
  #steps .steps .step .info {
    float: left;
    position: relative; }
    @media (max-width: 991px) {
      #steps .steps .step .info {
        float: none;
        margin-bottom: 15px; } }
    #steps .steps .step .info .number {
      font-size: 26px;
      margin-right: 20px;
      position: relative;
      top: 2px; }
      @media (max-width: 991px) {
        #steps .steps .step .info .number {
          display: block;
          margin: 0;
          margin-bottom: 10px; } }
      #steps .steps .step .info .number .ion-checkmark-circled {
        font-size: 38px;
        color: #44B83F;
        position: relative;
        top: 6px;
        left: -6px;
        margin-right: -8px; }
  #steps .steps .step .button {
    position: relative;
    top: 2px;
    float: right; }
    @media (max-width: 991px) {
      #steps .steps .step .button {
        float: none; } }
    #steps .steps .step .button span {
      font-size: 13px;
      min-width: 150px;
      text-align: center; }

#wizard #content {
  padding: 0 0 40px; }
  #wizard #content .content-wrapper {
    margin-top: 0; }
#wizard .header {
  padding: 11px 0 9px 0;
  background: #5A6474;
  font-family: "Helvetica Neue", Arial;
  text-align: center;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); }
  #wizard .header .sidebar-toggler {
    position: absolute;
    color: #fff;
    padding: 15px;
    top: 3px;
    z-index: 99;
    left: 8px;
    cursor: pointer; }
    #wizard .header .sidebar-toggler i {
      font-size: 37px; }
  #wizard .header .steps {
    width: 79%;
    margin: 0 auto;
    border-radius: 2px 2px 0 0; }
    #wizard .header .steps .step {
      width: 25%;
      float: left;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
      color: #f5f5f5;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.05);
      position: relative;
      font-size: 13px;
      font-weight: 500; }
      @media (max-width: 767px) {
        #wizard .header .steps .step {
          width: 100%;
          padding: 10px 0; } }
      #wizard .header .steps .step.active span {
        background: #94A1B8; }
      #wizard .header .steps .step:after {
        content: '';
        position: absolute;
        bottom: 31px;
        left: 55%;
        display: block;
        height: 2px;
        background: #94A1B8;
        width: 100%; }
        @media (max-width: 991px) {
          #wizard .header .steps .step:after {
            left: 57%; } }
        @media (max-width: 767px) {
          #wizard .header .steps .step:after {
            display: none; } }
      #wizard .header .steps .step:last-child:after {
        display: none; }
      #wizard .header .steps .step span {
        width: 23px;
        height: 23px;
        display: block;
        position: relative;
        margin: 0 auto;
        margin-top: 13px;
        border-radius: 25px;
        background: #5A6474;
        border: 2px solid #94A1B8;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        @media (max-width: 767px) {
          #wizard .header .steps .step span {
            position: absolute;
            top: 0;
            right: 0;
            width: 15px;
            height: 15px; } }
#wizard .form-wizard {
  background: #fff;
  margin: 0 auto;
  margin-top: 42px;
  width: 65%;
  position: relative; }
  @media (max-width: 767px) {
    #wizard .form-wizard {
      width: 84%; } }
  #wizard .form-wizard .step {
    opacity: 0;
    position: absolute;
    width: 100%;
    /* step 2 avatar display */
    /* step 3 expiration date inputs */
    /* final step success */ }
    #wizard .form-wizard .step.active {
      opacity: 1;
      z-index: 3; }
    #wizard .form-wizard .step .form-group {
      margin-bottom: 21px; }
      #wizard .form-wizard .step .form-group .column {
        width: 30%;
        float: left; }
        @media (max-width: 767px) {
          #wizard .form-wizard .step .form-group .column {
            width: 100%;
            margin-bottom: 20px; } }
    #wizard .form-wizard .step .display-field {
      margin-top: 6px; }
      #wizard .form-wizard .step .display-field .display {
        float: left;
        background: #eeeeee;
        width: 100px;
        height: 100px;
        display: table;
        text-align: center; }
        #wizard .form-wizard .step .display-field .display span {
          color: #9B9B9B;
          font-weight: bold;
          font-family: "Helvetica Neue", Arial;
          font-size: 13px;
          display: table-cell;
          vertical-align: middle; }
      #wizard .form-wizard .step .display-field input {
        float: left;
        margin-top: 30px;
        margin-left: 20px; }
    #wizard .form-wizard .step .expiration-field {
      width: 63% !important; }
      #wizard .form-wizard .step .expiration-field input {
        width: 48%;
        float: left; }
        #wizard .form-wizard .step .expiration-field input:last-child {
          float: right; }
    #wizard .form-wizard .step .success {
      text-align: center; }
      #wizard .form-wizard .step .success .ion-checkmark-circled {
        font-size: 47px;
        color: #3DA838; }
      #wizard .form-wizard .step .success h3 {
        margin-top: 25px;
        font-size: 21px;
        color: #556579; }
      #wizard .form-wizard .step .success .button {
        margin-top: 40px; }
    #wizard .form-wizard .step .form-actions {
      margin-top: 40px;
      text-align: center; }
      #wizard .form-wizard .step .form-actions .button {
        margin: 0 10px; }

#email-templates .header {
  margin-top: 10px;
  font-size: 18px;
  margin-bottom: 50px; }
#email-templates .emails {
  text-align: center; }
  #email-templates .emails .email {
    display: inline-block;
    position: relative;
    margin-right: 45px;
    margin-bottom: 55px; }
    #email-templates .emails .email:hover i {
      opacity: 1; }
    #email-templates .emails .email .name {
      font-size: 19px;
      margin-top: 10px;
      text-align: center; }
    #email-templates .emails .email i {
      font-size: 35px;
      position: absolute;
      left: calc(50% - 9px);
      top: calc(50% - 40px);
      color: #AE92D1;
      opacity: 0;
      cursor: pointer;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    #email-templates .emails .email .wrapper {
      border: 1px solid #eee; }
    #email-templates .emails .email img {
      max-height: 345px;
      cursor: pointer; }


.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }



form span.error {
  position: relative !important;
  display: inline-block !important;
  margin-top: -2px !important;
  margin-bottom: -8px !important;
  color: #fff !important;
  font-weight: normal !important;
  font-size: 14px !important;
  padding: 5px 8px !important;
  background: #589BC9 !important;
  border-radius: 4px !important;
  text-align: center !important;
  padding: 0 0 !important;
}
 
  form span.error.valid {
    display: none !important; }

  form span.error:after {
    bottom: 100%;
    /*border: solid transparent;*/
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #589BC9;
    border-width: 5px;
    left: 30px;
    margin-left: -5px; }